首页 > Web开发 > 详细

AngularJS

时间:2016-07-06 14:35:26      阅读:345      评论:0      收藏:0      [点我收藏+]

1.表单验证

要使用表单验证,必须确保form标签有一个name属性,通常需要在 form 标签中加上 novalidate 属性, 这将禁用浏览器自带的验证功能,从而使用AngularJS提供的验证。

<form name="appForm" novalidate>

</form>

提交按钮中配合使用: ng-disabled="appForm.$invalid" 控制按钮在输入合法后才能被点击

技术分享

配合警告的全局样式:

form textarea .ng-dirty.ng-invalid,
form select .ng-dirty.ng-invalid,
form input.ng-dirty.ng-invalid {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

技术分享

效果:

技术分享

ref: http://www.tuicool.com/articles/2Qbiqi

http://www.miaoyueyue.com/archives/607.html

 

AngularJS

原文:http://www.cnblogs.com/herowalking/p/5646620.html

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