前端基础 - JQuery自定义校验器

太阳不下山

　　JQuery自定义校验器
自定义校验器：

$.validator.addMethod("校验器的名称",function(value,ele,param){
value:用户录入的值
ele：当前录入的值所在的js对象
param：校验器的取值
return true:  符合校验器规则
return false： 不符合校验器规则   (默认return false)
},"提示信息")

　　正则的用法：
　　正则表达式.test(要匹配的值)
若匹配：true
不匹配：false

案例：身份证验证为例子
　　效果图：

　　代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
<!--validate校验库-->
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<!--国际化库，中文提示-->
<script type="text/javascript" src="../js/messages_zh.js"></script>
<script type="text/javascript">
$(function() {
$("#formId").validate({
rules: {
card: {
cardLength: true
}
},
messages: {}
})
})
</script>
<script>
//编写校验身份证长度的自定义校验器
$.validator.addMethod("cardLength", function(value, ele, param) {
//判断用户录入的值是否为15位或者18位
// if(value.length==15||value.length==18){
// return true;
// }
if(typeof param != "boolean") {
return true;
}
//校验身份证格式
if(value.length == 15) {
var reg = /^[0-9]{15}$/;
return reg.test(value);
}
if(value.length == 18) {
var reg = /^([0-9]{18}|[0-9]{17}[X|x])$/;
return reg.test(value);
}
}, "身份证格式不正确")
</script>
</head>
<body>
<form id="formId" action="">
身份证：<input type="text" name="card" />
<input type="submit" value="提交" />
</form>
</body>
</html>

[jQuery] 前端基础 - JQuery自定义校验器

相关帖子

Android自定义View学习（1）——基础知识介绍

Android 自定义圆形取色盘

HarmonyOS应用开发：鸿蒙自定义组件slot插槽，体现的更强大！

sha1校验工具使用方法教程

win11系统怎么修改软件图标？

云骑士自定义重装系统教程

使用HTML/CSS/JS做一个恋爱计时小挂件

常用jquery右健禁止命令

太阳不下山 LV4