jQuery Validate 验证

最后更新于:2022-04-02 03:14:21

[TOC] > [菜鸟教程](https://www.runoob.com/jquery/jquery-plugin-validate.html) > [官方文档](https://jqueryvalidation.org/documentation/) ## 导入js ``` //默认中文提示 ``` ## 注意事项 ### 用其他方式替代默认的 SUBMIT 单独设置 ``` submitHandler:function(form){$(form).ajaxSubmit();}}); ``` 默认设置 ``` $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); ``` ### debug,只验证不提交表单 ``` debug:true ``` ### 更改错误信息显示的位置 把错误放置在字段的后面 ``` errorPlacement: function(error, element) {error.appendTo(element.parent()); } ``` ### 每个字段验证通过执行函数 在通过验证的字段后添加 " ✔验证成功" ``` //style .check::after{ content: "✔验证成功"; color:green; margin-left: 5px; } success:function(label){ label.addClass("check"); }, ``` ### 异步验证 //接口返回 字符串的 `"true"` 或者`"false"` ```
messages:{ nickname:{ remote:"昵称不唯一" } } ``` ### radio 和 checkbox、select 的验证 [查看](http://www.runoob.com/jquery/jquery-plugin-validate.html) ### 对单个元素进行验证 在共有表单外,需要额外添加单独的验证
';