jquery 유효성 검사 오류

Question

$("#submit-signin-button").click(function() { 
    if($.trim($("#foo").val()) === ""){ 
     $(".error-message-uname").show(); 
    } 
    if($.trim($("#bar").val()) === ""){ 
     $(".error-message-bar").show(); 
    } 

    return false; 

유효성 확인을 수행하는 올바른 방법이 있습니까? 올바른 양식을 제출 한 후에는 데이터를 URL에 게시하지 않기 때문입니다.

Answer 1

문제는 항상 false을 반환한다는 것입니다. 양식을 게시하지 않을 경우에만 false를 반환해야합니다.

수정 된 질문에 기반한 매우 기본적인 검증 시스템입니다. 오류가 발생하지 않는 한 초기 변수는 true (모두 괜찮음)로 설정되어 있습니다. 양식 유효성 확인에서 true을 반환하면 양식이 제출됩니다. 간단한 것들에 대한

$("#submit-signin-button").click(function() { 

    var isValid = true; 

    if(!$.trim($("#foo").val()){ 
    $(".error-message-uname").show(); 
    isValid = false; 
    } 
    if(!$.trim($("#bar").val())){ 
    $(".error-message-bar").show(); 
    isValid = false; 
    } 

    return isValid; 
} 

이 완벽하게 잘하지만, 일부 검증의 jQuery 플러그인을 사용할 수있다 (like this one)이 있습니다.

팁 (알다시피)으로, 빈 문자열은 JavaScript에서 falsey 값으로 간주됩니다. 따라서 $.trim($("#bar").val() === ""을 !$.trim($("#bar").val()으로 바꿀 수 있습니다.