angular 之表单验证

写这边文章,是想纠正一下《Angular JS高级程序设计》这本书中的一个错误,希望看此书学习的同学可以少受此苦,少走弯路。

在此书的第12章,288页,12.4.3节:延迟校验反馈        处,这节内容教给我们一个延迟显示验证错误信息的方法,就是点击提交后再显示错误信息,如何操作呢,书中源码如下:

.......

$scope.addUser=function(userDetails){

  if(myForm.$valid){ //错误点在这里:myForm? 凭空哪里来的呢。编译就是通不过。后来一查,应该是$scope.myFom。 对啊,没错,前后通信都是用作用域$scope来衔接的啊。怎么会出现这样一个不着边际的变量,就是它的名字是表单的名字?  这是一个坑爹的错误。

      $scope.message=userDetails.name+"("+userDetails.email+")("+userDetails.agreed +")";

   }

   else

  {

       $scope.showValidation=true;

  }

}


对了,顺便提醒,若Form验证的话,还是用ngMessages吧,这个快捷省时多了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值