表單驗證在第一次迭代時停止

Question

我正在嘗試爲表單驗證編寫js代碼。我這個代碼，我首先要檢查是否字段爲空上前：

var validationInfo = {"displayname" : {}, "password" : {}, "email" : {}, "username" : {}}; 

document.newUser.onsubmit = function() { 
    for(key in validationInfo) { 
     var field = document.getElementById(key); 
     if(field.value == "") { 
      field.setAttribute("style","background-color: yellow;"); 
      field.select(); 
      return false; 
     }//checking empty fields 
    }//check validation 
    return true; 
} 

當我只提交第一個字段的形式變爲黃色，所以我認爲，確認第一次迭代後停止。 「返回假」定位錯誤？

第二個問題，如果我想檢查其他字段是否爲空，我應該在同一個函數還是另一個函數中執行？最佳做法是什麼？

感謝

Answer 1

使用一個變量_valid而且如果發生任何驗證錯誤分配給假。返回這個變量。

var validationInfo = {"displayname" : {}, "password" : {}, "email" : {}, "username" : {}}; 

document.newUser.onsubmit = function() { 
    var _valid = true; 
    for(key in validationInfo) { 
     var field = document.getElementById(key); 
     if(field.value == "") { 
      field.setAttribute("style","background-color: yellow;"); 
      field.select(); 
      _valid = false; 
     }//checking empty fields 
    }//check validation 
    return _valid; 
}