我想在for循环和ASC order的帮助下使用Jquery或Javascript验证多个图像

我在使用jQuery或JavaScript进行图像验证时遇到了一个问题

请参阅下面的代码，当我尝试自己

简报 我想在for循环的帮助下验证多个图像

问题（验证订购） 当我按下“提交”按钮时，该代码已按描述顺序验证图像（见下图），我希望ASC顺序为

1字段为必填项…

，然后

2字段为必填项

等

代码：

函数imageValidation（）{
return_var='true'；
对于（var i=1；i我添加了一行新代码，当第一个条件匹配时，只需
break；
。它将解决您的问题

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function imageValidation(){
    return_var = 'true';

    for(var i=1; i<4; i++){
        if(($('#player-'+i).val()) == ''){
            return_var = i+' field is required';
            break;// break immediately rather wait to complete the loop.
        }
    }
    alert(return_var);
    return false;

}   
</script>

<form onsubmit="return imageValidation()">
1 <input type="file" id="player-1" name="players[]" /><br />
2 <input type="file" id="player-2" name="players[]" /><br />
3 <input type="file" id="player-3" name="players[]" /><br />
<input type="submit" />
</form>


函数imageValidation（）{
return_var='true'；
对于（var i=1；i，根据您的代码：

function imageValidation(){
    return_var = 'true';

    for(var i = 1; i < 4; i++){
        if(!$.trim( $('#player-'+i).val() )){
            return_var = i+' field is required';
            break;
        }
    }
    alert(return_var);
    return false;
}   

所以你的函数看起来像

function imageValidation(){

   var return_var = 'true';
    $('form input[id^=player]').each(function(index, el) {
      if(!$.trim( this.value)) {
        return_var = (index+1) + ' field is required'; // index is zero based
        break; // if you want to stop execution after invalid found
      }
    });
    alert(return_var);
    return false;
}  

var return_var = 'true';
$('form input[id^=player]').each(function(index, el) {
  if(!$.trim( this.value)) {
    return_var += (index+1) + ' field is required'; // index is zero based
    break; // if you want to stop execution after invalid found
  }
});

function imageValidation(){

   var return_var = 'true';
    $('form input[id^=player]').each(function(index, el) {
      if(!$.trim( this.value)) {
        return_var = (index+1) + ' field is required'; // index is zero based
        break; // if you want to stop execution after invalid found
      }
    });
    alert(return_var);
    return false;
}