🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] > [菜鸟教程](https://www.runoob.com/jquery/jquery-plugin-validate.html) > [官方文档](https://jqueryvalidation.org/documentation/) ## 导入js ``` <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> //默认中文提示 <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> ``` ## 注意事项 ### 用其他方式替代默认的 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"` ``` <label >昵称 <input type="text" name="nickname" remote="a.php" > </label> <br> messages:{ nickname:{ remote:"昵称不唯一" } } ``` ### radio 和 checkbox、select 的验证 [查看](http://www.runoob.com/jquery/jquery-plugin-validate.html) ### 对单个元素进行验证 在共有表单外,需要额外添加单独的验证