驗證標誌失敗jquery

Question

我被困在一個問題，其中一個標誌沒有得到正確重置。

我有以下代碼。我正在編寫特定於IE8的代碼。在字段模糊時，它遍歷字段的類，如果任何類驗證返回false，則應顯示錯誤並設置爲flag4=false。然後點擊提交按鈕，它需要檢查所有標誌是否爲真，如果是，則返回true。

但現在，on blur正在發生。如果任何驗證失敗，則顯示錯誤，稍後如果我們將錯誤更改爲正確格式，則顯示爲綠色。但flag4總是返回false。由於它總是返回false，因此表單永遠不會成功提交，用戶也無法移動到下一頁。我的問題是，我應該在哪裏重置flag4的值？

我已經嘗試了很多選項，但點擊按鈕失敗。一旦flag4=false，即使正確地提供了所有字段後，它也不會變爲真。

var flag4 = true; 
if(navigator.appVersion.indexOf("MSIE 8.0") != -1) { 
    var firsttime=false; 
    var validators = { 
     fn1: function(val) { 
      //return true or false; 
     }, 
     fn2: function(val) { 
      //return true or false; 
     } 
    }; 

    $('#submit_form :input').not('#id1,#id2,#id3').blur(function() { 
     var input = $(this); 
     var returnVal1 = true; 
     input.next('div.error_text').remove(); 
     input.removeClass('highlight'); 
     // Get all the classes of the current input 
     if(this.className) { 
      var classes = this.className.split(/\s+/); 
      for(var p in classes) { 
       if(classes[p] in validators) { 
        returnVal1 = returnVal1 && validators[classes[p]] (input.val()); 
       } 
      } 
     } 

     if(returnVal1 == false) { 
      firsttime=true; 
      $(this).removeClass('green'); 
      $(this).addClass('highlight'); 
      var $msg = $(this).attr('title'); 
      input.after('<div class="error_text">'+$msg+'/div>'); 
      flag4 = false; 
     } 

     if(returnVal1 == true && firsttime == true) { 
      input.addClass('green'); 
     } 

    }); 
} 

$('#submitbtn').click(function() { 
    var flag1, flag2, flag3 = true; 
    if(flag1 && flag2 && flag3 && flag4) { 
     returnvalue = true; 
    } else{ 
     returnvalue = false; 
    } 
    return returnvalue; 
}); 

如果任何驗證當用戶進入第一次返回false，firsttime=true。用戶第二次輸入正確的值時，該字段應變爲綠色。對於我使用if(returnVal1 == true && firsttime == true)

Answer 1

像@nnnnnn在評論中說，該flag4被設置爲true的唯一地方是在變量聲明。但是爲什麼不將它添加到onblur函數的開頭，然後它將被設置爲true，除非它被別的東西設置爲false，即出現錯誤並將其設置爲false。

$('#submit_form :input').not('#id1,#id2,#id3').blur(function() { 
     flag4 = true; 
     // ... 
});