所以什么提示语也不现实,但是当这些条件一旦满足,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; }
便可以通过点击按钮实现输入框只读与可写、可用不可用之间的切换
补充两个事件:ng-change;ng-submit
ng-change:用来检测用户输入是否发生变化
ng-submit:用来检测表单提交事件,只可用于form元素(意只对表单本身有效)