如何在jQuery中使用validator表单校验插件？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
validator的基本使用
1. 需要引入的文件
① jQuery类库
② 插件的js文件 官网
2.表单校验插件validator的基本语法
在rules中通过校验规则名称使用校验规则 ，在messages中定义该规则对应的错误提示信息。
常用的校验规则名称，规则值及使用范围：
注：$(“form表单的选择器”)即表单jQuery对象。
扩展：当错误提示信息不按照我们预想的位置显示时，我们可以自定义错误显示标签放在我们需要显示的位置。
语法：
//标签写在什么地方，错误信息就显示在什么地方
3. 自定义校验方法
如果预定义的校验规则不能满足需求则可以进行自定义校验规则。
自定义校验语法：
$.validator.addMethod("校验规则名称",function(value,element,params){
//value：要校验的值（校验组件的value值）
//element：要校验的表单项标签对象
//params：使用此规则时，配置的规则的值。（校验规则的参数）
//如果校验通过，就返回true；否则返回false
},"默认效验错误时的提示信息");validator表单校验的简单示例
table{
width:30%;
/*居中*/
/*margin:0auto;*/
/*magin:atuo配合绝对定位实现水平和垂直方向居中*/
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}
td{
padding:8px2px;
}
.error{
color:red;
}
电子邮箱:
身份证:
编程
看书
打球
| 用户名 |
|
| 密码 |
|
| 确认密码 |
|
| 性别 |
男
女
|
| 年龄 |
|
|
|
| 学历 |
－请选择你的学历－
学前
小学
初中
高中
专科
本科
研究生
硕士
博士
|
| 兴趣爱好 |
|
|
关于如何在jQuery中使用validator表单校验插件问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注恰卡编程网行业资讯频道了解更多相关知识。
