jquery.validation.js 表单验证

一、导入js库

image.png

二、默认校验规则

image.png
三、默认提示
image.png

四、使用方式
1）将校验规则写入控件中

image.png
image.png
2）将校验规则写入js代码中
image.png
image.png
五、常用方法及注意问题
1）用其他方式替换默认的submit
image.png

使用ajax方式

image.png
2）debug，只验证不提交表单
image.png
3）ignore:忽略某些元素不验证
image.png
4）更改错误信息显示的位置
image.png
image.png
image.png
5）更改错误信息显示的样式
image.png
6）每个字段验证通过执行函数
image.png
7）验证的触发方式修改
image.png
image.png
8）异步验证
image.png
9）添加自定义校验
image.png

10）radio和checkbox、select的验证

image.png