AngularJS

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