当前位置:Gxlcms > JavaScript > jqueryvalidate.js表单验证的基本用法入门_jquery

jqueryvalidate.js表单验证的基本用法入门_jquery

时间:2021-07-01 10:21:17 帮助过:15人阅读

这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录。
先贴一个国内某大公司的代码:
代码如下:

输出 "true" 或 "false",不能有其它输出
addMethod:name, method, message
自定义验证方法
// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for(var i = 0; i < value.length; i++){
if(value.charCodeAt(i) > 127){
length++;
}
}
return this.optional(element) || ( length >= param[0] && length <= param[1] );
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
// 邮政编码验证
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
radio和checkbox、select的验证
radio的required表示必须选中一个


checkbox的required表示必须选中

checkbox的minlength表示必须选中的最小个数,maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间
代码如下:





select的required表示选中的value不能为空
代码如下:



select的minlength表示选中的最小个数(可多选的select),maxlength表示最大的选中个数,rangelength:[2,3]表示选中个数区间
代码如下:



文章排版有点乱,仅仅是自己的记录~~

人气教程排行