Angular.js实现注册系统的实例详解(2)

所以什么提示语也不现实,但是当这些条件一旦满足,myForm.username.$invalid=true  &&  myForm.username.$dirty=true,便会显示以上提示语中对应内容,至于

显示那一条,根据对应的字段显示,若是username,那就是“请填写用户名”,email字段,那就……(字段即,自己为不同的输入框定义不同字段即可,当然了

上面提到过他们也有:$invalid , $dirty , $valid , $pristine 这四个属性)

若是什么也不填写,那就是表单不合法,即 $scope.myForm.$invalid=true,提示 “请填写”。

再说说ng-disabled;ng-readonly:

将上述代码加入下面内容:

<div> <input type="text" ng-model="data.address" ng-required="true" ng-disabled="isDis"> <button ng-click="myTogTwo()">toggTwo</button> </div>

<div> <input type="text" ng-model="data.tel" ng-pattern="/^1\d{10}$/" ng-required="true" ng-readonly="isWr"> <button ng-click="myTogOne()">toggOne</button> </div>

$scope.isDis = false; $scope.isWr = false; $scope.myTogOne = function(){ $scope.isWr = !$scope.isWr; } $scope.myTogTwo = function(){ $scope.isDis = !$scope.isDis; }

便可以通过点击按钮实现输入框只读与可写、可用不可用之间的切换

Angular.js实现注册系统的实例详解

 

补充两个事件:ng-change;ng-submit

ng-change:用来检测用户输入是否发生变化

ng-submit:用来检测表单提交事件,只可用于form元素(意只对表单本身有效)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwfwzw.html