首页 > 其他 > 详细

关于angular中的表单验证

时间:2014-03-05 17:27:56      阅读:845      评论:0      收藏:0      [点我收藏+]

任何一个完备的前段框架可能都不会漏掉表单验证这一块,angular也不例外。有些奇怪的是,angular的验证是通过html标签的attribute来实现的,换句话说,数据的验证规则是写在View上的。这多少有些奇怪,毕竟验证规则怎么想都应该是业务逻辑的一部分才对。

 

更奇怪的是有验证规则时的数据绑定——View只会把合法的数据写到scope上去,不合规则的数据直接就被angular忽略了。这就带来了问题,因为不合法的数据也会是有价值的。比如说有不合法的数据则不能提交。这个还好说,给按钮加个ngDisabled:

<div ng-click="submit()" ng-disabled="form1.user.$invalid">提交</div>


如果用户名不合法,那么ngClick就不会被触发。不过这种的话验证逻辑就完全交给View了。如果问题更加微妙,我们必须在controller中得知输入是否合法,再写一遍验证逻辑肯定不是什么好主意,但如果直接访问 form1.user.$invalid是取不到值的。这时我们需要借助$parse

var isValid = $parse(‘form1.user.$valid‘)($scope)

这样才能得到当前页面的验证状态。

关于angular中的表单验证,布布扣,bubuko.com

关于angular中的表单验证

原文:http://www.cnblogs.com/narcissu5/p/3581368.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!