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) ### 对单个元素进行验证 在共有表单外,需要额外添加单独的验证
';
messages:{ nickname:{ remote:"昵称不唯一" } } ``` ### radio 和 checkbox、select 的验证 [查看](http://www.runoob.com/jquery/jquery-plugin-validate.html) ### 对单个元素进行验证 在共有表单外,需要额外添加单独的验证