如何使用jqueryvalidation器插件validation多个输入类型文件

我正在使用jQueryvalidation器插件，我在validation图像时遇到了问题，我有4个输入类型文件上传图像（其中一个在页面上，3个在动态上）关于一部电影，上传图像不是必要但是，如果有人想要上传然后它应该是有效的扩展意味着只允许jpg.jpeg和png imaes ..

我尝试了很多方法，但没有获得成功….请告诉我，我正在做正确的validation方式，请帮助我。 这是代码片段

   label { width: 10em; float: left; } p { clear: both; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } input [type=file] { display:block; width: 100%; height: 22px; margin: 2px 4px; border:1px solid grey; }  
  // These all 3 input type=file are coming dynamically through php code 
 
 
Movie Name :
 
 
 
 
 
main poster:
 
 
 
Additional Poster:
 
 
 
 
Additional Poster (2):
 
 
 
 
Additional Poster (3):
 
 
 
 
 
 
   
 
 
 
  jQuery(document).ready(function(){ jQuery('#movieForm').submit(function(){ //console.log('included latest jQuery'); var validator=jQuery("#createAdForm").validate({ rules: { movieName: { required: true, minlength: 2 } }, messages: { movieName: { required: "Please write movie name", minlength: "Moview name must consist of at least 2 characters" } }, }); jQuery("input[type=file]").bind(function(){ jQuery(this).rules("add", { accept: "png|jpe?g", messages: { accept :"Only jpeg, jpg or png images" } }); }); // // How to add this function in validator plugin? // var ext = jQuery('.additionalImage').val().split('.').pop().toLowerCase(); // var allow = new Array('gif','png','jpg','jpeg'); // if(jQuery.inArray(ext, allow) == -1) { // alert('invalid extension!'); // } });  

Answer 1

你非常接近。 这是与您的问题中的HTML / CSS匹配的正确Javascript：

 jQuery(document).ready(function () { jQuery("#MovieForm").validate({ rules: { bizName: { required: true, minlength: 2 } }, messages: { bizName: { required: "Please write movie name", minlength: "Movie name must consist of at least 2 characters" } } }); jQuery("input[type=file]").each(function() { jQuery(this).rules("add", { accept: "png|jpe?g", messages: { accept: "Only jpeg, jpg or png images" } }); }); });