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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容