jQuery가 양식을 제출할 준비가되었습니다. (경고 메시지가 표시되지 않습니다.)

Question

원본 소스를 변경할 수없는 웹 페이지가 있습니다. jQuery 만 사용하여 조작 할 수 있습니다.

페이지가 현재 작동하는 방식으로 양식 제출 버튼을 누르면 양식에 문제가 있으면 경고 메시지가 표시됩니다. 페이지가 유효하면 양식이 정상적으로 제출됩니다.

내가하려는 것은 제출 버튼에 클릭 이벤트를 추가하는 것입니다. 그러나 양식에 오류 (경고 메시지 없음)가없는 경우에만 이벤트를 실행하고 싶습니다. 이것이 가능한가?

클릭이 작동하고 코드가 실행되는 문제는 양식이 실제로 유효한지 (경고 메시지 없음) 유효하지 않은지 (경고 메시지) 관계없이 실행됩니다.

감사합니다.

Answer 1

양식 제출이 중단되지 않도록하려면 이벤트 처리기에서 return false 만 제출하십시오.

$('#yourForm').submit(function() { 
    // validation code here 
    if (notValidForSomeReason) { 
     return false; 
    } 
}); 

Answer 2

클릭 이벤트를 트리거 할 때 양식의 유효성을 검사해야합니다. 무효 인 경우는 false를 리턴합니다. 유효하면 제출합니다.