如何在jQuery中使用validator表单校验插件

如何在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: 0 auto; */
 
 /* magin:atuo配合绝对定位实现水平和垂直方向居中 */
 margin:auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 
 }
 td {
 padding: 8px 2px; 
 }
 
 .error {
 color: red;
 }
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 电子邮箱:
 
 
 
 
 身份证:
 
 
 
 
 
 
 
 
 
 
 
 编程
 看书
 打球
 
 
 
 
 
 
 
 
 
用户名
密码
确认密码
性别

 男
 女
 
 
 
年龄
学历

 
 －请选择你的学历－
 学前
 小学
 初中
 高中
 专科
 本科
 研究生
 硕士
 博士
 
 
兴趣爱好

 
 
 
 
 
 
 
 
  
 

关于如何在jQuery中使用validator表单校验插件问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。