jQuery Validate自定义验证方法实现方式

最新推荐文章于 2024-07-09 10:05:35 发布

田小涛

最新推荐文章于 2024-07-09 10:05:35 发布

阅读量3.1w

点赞数 12

分类专栏： JS/JS逆向文章标签： jquery validate jquery validate自定义验证 jqueryvalidate验证

本文链接：https://blog.csdn.net/q718330882/article/details/42876651

版权

JS/JS逆向专栏收录该内容

27 篇文章 3 订阅

订阅专栏

$( '#userForm' ).validate({
	rules:{
		truename:{
			required:true,
			minlength:2,
			maxlength:6,
			<span style="color:#FF0000;"><strong>isChar</strong></span>:true,
		},
		email:{
			required:true,
			email:true,
		},
		province:{
			required:true,
		},
		city:{
			required:true,
		},
		area:{
			required:true,
		},
	},
	messages:{
		truename:{
			required:'请输入您的姓名',
			minlength:'姓名项只允许2~6个字符',
			maxlength:'姓名项只允许2~6个字符',
			isChar:'请正确格式的姓名(暂支持汉字)',
		},
		email:{
			required:'请输入邮箱地址',
			email:'请检查您输入的邮箱',
		},
		province:{
			required:'请选择您所在的省'
		},
		city:{
			required:'请选择您所在的市'
		},
		area:{
			required:'请选择您所在的区'
		},
	},
});

对应调用函数： ( 可以在内部写js/或者外部引入-我是外部引入的文件 ) validate.expand.js

// JavaScript Document

//检测手机号是否正确
jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {
	var length = value.length;
	var regPhone = /^1([3578]\d|4[57])\d{8}$/;
    return this.optional(element) || ( length == 11 && regPhone.test( value ) );  
}, "请正确填写您的手机号码"); 

//检测用户姓名是否为汉字
jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {
	var length = value.length;
	var regName = /[^\u4e00-\u9fa5]/g;
    return this.optional(element) || !regName.test( value );  
}, "请正确格式的姓名(暂支持汉字)");

//檢測邮政编码
jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {  
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");

这边的最后一个参数是返回的message在上面的$( '#xxx' ).validate({}) 里面的message对应位置可以重置