发表于: 2017-05-08 18:01:46
1 786
今天完成的事:1,完成了表单验证
<form name="myForm">
<div class="login">
<h1>喝我水站后台登录</h1>
<div class="user">
<img src="img/user.png" alt="">
<span></span>
<input type="text"ng-model="User" name="username" placeholder="用户名" pattern="^[A-Za-z]{4,6}$"required >
</div>
<p ng-show="myForm.username.$error.required"class="userTips">请输入用户名</p>
<p ng-show="myForm.username.$error.pattern"class="userTips">用户名是4-6位的英文</p>
<div class="password">
<img src="img/password.png" alt="">
<span></span>
<input type="password"ng-model="passWord"name="password" placeholder="密码"pattern="^[\w]{6,12}$"required>
</div>
<input type="button" value="登录" placeholder="登录" id="login" ng-click="Login()" ng-disabled="myForm.username.$error.required||myForm.password.$error.required||myForm.username.$error.pattern||myForm.password.$error.pattern">
<p ng-show="myForm.password.$error.required"class="passwordTips">请输入密码</p>
<p ng-show="myForm.password.$error.pattern"class="passwordTips">请输入6-12位密码</p>
<p id="tips" ng-bind="tips"></p>
</div>
</form>
用的事angularjs自带的表单验证,当输入框内没写类容或是不符合正则表达式时会出现错误提示信息,并且禁用登录按钮
禁用按钮用的是
ng-disabled=
当赋值为true时不能可以点击,赋值为false是可以点击的,所有要求都达到才能点击,并触发函数,
改变button不能点击时的样式
input:disabled{
background-color: silver;
}
2,学习了angularjs不同作用域中传参的知识
1.$emit(发出):子集传给父级值
2.$broadcast(广播):父级传给子集值
3.广播($emit,$broadcast)是需要依靠事件的触发
4.$on:接收传来的值
明天计划的事:1,继续学习关于懒加载的知识。
2,修改路由设置
遇到的问题:懒加载还没懂
收获:了解了angularjs的表单验证和不同作用域传参的知识
评论