jquery 폼 유효성 검사

Question

제출 처리기에 어려움을 겪고 있습니다 ... 양식 필드가 비어있을 때 다음과 같은 이유 때문에 양식이 계속 제출되는 이유는 무엇입니까?

$("form").submit(function() { 

$(".required").each(function() { //check each instance with class of 'required'. 
if ($(this).val() == "") { //if field left blank, 
return false; //halt/prevent form submission. 
} 
//else .. 
return true; //all is ok, proceed. 
}); 

}); 

Answer 1

당신의 return true; 따라서 모든 필드를 확인에서 코드를 방지 비어 있지 않은 필드에 실행됩니다 때문입니다. 또한 제출 처리자가 아닌 내부 함수 만 반환합니다. 당신은 이런 식으로 재 작성해야합니다

$("form").submit(function() { 

    isValid = true; 

    $(".required").each(function() { //check each instance with class of 'required'. 
     if ($(this).val() == "") { //if field left blank, 
      isValid = false; 
     }  
    }); 

    return isValid; //all is ok, proceed. 

}); 

Answer 2

빠른 대답 : 나는 당신의 return false가 $.each 기능에 중첩되어 있기 때문에 생각합니다.