첫 번째 반복에서 양식 유효성 검사 중지

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; 
} 

: 나는 필드가 비어있는 경우 처음 확인하려면이 코드를 함께했다. "return false"가 틀린 위치에 있습니까?

두 번째 질문 : 필드가 비어있는 경우와 같은 다른 항목을 확인하려면 동일한 기능이나 다른 기능으로해야합니까? 가장 좋은 방법은 무엇입니까?

감사

Answer 1

변수 _valid를 사용하고 유효성 검사 오류가 발생하면 false로 지정합니다. 이 변수를 반환합니다.

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; 
}