验证插件——jquery.validate.js

下载地址:http://download.csdn.net/download/s592652578/9457421

教程:http://www.runoob.com/jquery/jquery-plugin-validate.html

插件问题:

1.对<input type="file">文件上传按钮作用不大,无法验证文件类型,文件选中后无法验证,需要移除焦点才能验证

解决办法】:验证文件类型:(通过添加自定义方法)

 1 jQuery.validator.addMethod("checkPic", function(value, element) {
 2     var filepath=$("#logo").val();
 3     //获得上传文件名
 4     var fileArr=filepath.split("\");
 5     var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(".");
 6     var filetype=fileTArr[fileTArr.length-1];
 7     //切割出后缀文件名
 8     if(filetype != "jpg"){
 9         return false;
10     }else{
11         return true;
12     }
13 }, "上传图片格式不适合");

 2.无法验证<input type="file">中是否文件,扩展方法:

 1 //验证是否含有文件
 2 jQuery.validator.addMethod("hasfiles",function(value,element){
 3     var result = element.files.length;
 4     console.log(element.files);
 5     if(result > 0){
 6         return true;
 7     } else {
 8         return false;
 9     }
10 },"请上传营业执照附件");

 

原文地址:https://www.cnblogs.com/happy1992/p/7347537.html