用于Jquery中的循环以进行文件验证

时间:2013-01-18 06:43:48

标签: javascript jquery for-loop

我在下面构建了这个脚本,以便在添加文件后立即验证标记。此标记的ID为“#audiofile”。我计划有多个输入字段(#audiofile1,#audiofile2,#audiofile3),我不想重复这个脚本说,10次检查10个文件。如何将其置于for循环中并使其检查所有字段?

$('#audiofile').bind('change', function() {

if (this.files[0].type != 'image/png') {
  $('#audiofile').each(function(){
  $(this).after($(this).clone(true)).remove();
});

$('#message').html('Invalid file type'); 
alert(this.files[0].name + ' is not a valid file type. MP3 Format only.');

} else {  

  if (this.files[0].size > '5000') {

    $('#audiofile').each(function() {
      $(this).after($(this).clone(true)).remove();
    });

    $('#message').html('To Large');  
    alert(this.files[0].name + ' exceeds the maximuim file size.');
  } else {
     $("#audiofile").fadeTo(1500, 0.20);
    $('#message').html('Added');
    alert(this.files[0].name + ' was added successfuly.');
  }
}
});

1 个答案:

答案 0 :(得分:0)

为每个输入字段添加类,并在每个循环中使用jquery。

each description

$("input.fileclass").each(function( index ){
          $(this)....//reference to input box
});