前端校验

前端校验

前端校验地位

各校验方式的比较
（from:http://www.openwebx.org/docs/Webx3_Guide_Book.html#d0e10883）

没有一种验证方法是完美的。但把它们结合起来就可以克服各自的缺点，达到较完美的境地：

• 对所有字段做服务器端批量验证，即便Java Script失效，服务器验证可作为最后的防线。
• 只要有可能，就对字段做客户端验证，确保最迅速的响应和较好的用户体验。
• 对于必须访问服务器资源的验证逻辑，例如检查验证码、确认注册帐户ID未被占用等，采用服务器异步验证，提高用户体验。

以上混合形式的验证无疑是好的，但是它的实现也比较复杂。

前端校验框架选择

需要考虑的问题

• 简单。最好是引入几个文件，不需要写过多的js/html代码，甚至不需要写html代码，仅在html标签上添加属性就可以实现；
• 不影响原有布局。因为前段校验的地位，在项目开始阶段可能因为时间问题不考虑前端校验的实现，在后面引入的前端校验框架需要不影响原有的布局。
• 扩展性好。因为项目业务的特殊性，必然会有各式各样的校验规则（正则、组合校验、异步服务校验），这种最好可以配置使用。

推荐校验框架

nice-validator https://niceue.com/validator/