AngularJS - 表单验证

客户端的验证并不能从根本上解决web应用的安全问题，但是却可以极大地提升客户体验。

最近项目中用到了AngularJS 中表单验证功能， 所以想趁热打铁记录一下，遇到和我类似需求的也可以参考一下。

客户端的验证，一方面可以缩短用户等待时间，提升用户体验，另一方面也可以减轻服务器压力。

什么是客户端验证

首先创建一个表单，用js的验证方法进行验证，如果返回true，则表明通过验证，提交表单；若返回false，则验证不通过，表单无法提交。

首先确定需求：

验证用户输入的IP格式是否合法，失去焦点的时候验证

验证表单是否为空，点击提交按钮的时候验证

 

分析

确定验证规则

验证是否通过

提示信息

验证的反馈，样式的改变