下载地址: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 },"请上传营业执照附件");