微客导航 » 文章资讯 » jQuery表单校验插件validator使用方法详解

jQuery表单校验插件validator使用方法详解

2023-08-01 02:12:03 209

validator插件：将jquery实现的常用操作进行封装，我们只需要学会插件的使用语法，就可以使用简单的代码实现较为复杂的功能。

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表单验证大全》，欢迎大家学习阅读。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

用户名
密码
确认密码
性别	男女
年龄


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

jQuery表单校验插件validator使用方法详解

热门推荐

随机推荐