切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2021年12月21日

jquery.validate添加自定义方法addMethod手机、文件格式、文件大小验证

标签：jquery.validate, 表单验证

本文就“jquery.validate添加自定义方法addMethod手机、文件格式、文件大小验证”展开讨论，作者切版网，发布于2021年12月21日 全文共1080个字，预计阅读时长3分36秒。

切版网（qieban.cn）：jquery.validate是非常不错的表单验证插件，它强大在于不仅参数多，而且提供了灵活的自定义方法，这样一来能做的事情就非常多了，下面附带验证手机格式、文件格式、文件大小验证的方法代码片段，都是项目中用到过的，非常有用。

//手机验证
$.validator.addMethod(“isPhone”, function(value,element) {
var length = value.length;
var mobile = /^1[3456789]\d{9}$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, “请正确填写您的联系电话”);

//上传文件 大小
jQuery.validator.addMethod(“checkfileSize”, function (value, element, param) {
//非必填的上传域判断
if($(element).hasClass(‘Not-required’)){

//当没有上传的时候跳过验证
if($(element).val()==””){ return true;}
}
var fileSize = element.files[0].size;
//console.log(fileSize+’—‘+ 30*1024*1024);
if (fileSize > 10*1024*1024) {
return false;
} else {
return true;
}
}, “文件不大于10M”);

//上传文件格式
jQuery.validator.addMethod(“checkExt”, function (value, element, param) {

//非必填的上传域判断
if($(element).hasClass(‘Not-required’)){

//当没有上传的时候跳过验证
if($(element).val()==””){ return true;}
}
//有上传的时候才执行判断
if(element.files.length>0){
var fileName = element.files[0].name;

//console.log(fileName);
var point = fileName.lastIndexOf(“.”);
var type = fileName.substr(point);
console.log( type);
if(type==”.pdf”){
return true;
}
else{
return false;
}

}

}, “文件要求为PDF格式”);

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。