Jquery 유효성 검사기 플러그인 아약스 제출이 트리거되지 않음

Question

Jquery 유효성 검사기 (http://bassistance.de/jquery-plugins/) 플러그인 submitHandler 함수에 문제가 있습니다. 양식의 유효성이 올바르지 만 유효하지 않은 핸들러 메시지가 올바르게 트리거되지만 submitHandler 함수가 올바르게 트리거되지 않으며 ajaxSubmit 함수가 corectly 트리거하지 않습니다. 어느 누구도 내가 잘못한 것을 보지 않습니까? 어떤 도움이라도 가장 잘 될 것입니다.

<script type="text/javascript"> 
$(document).ready(function() { 
var submitMessage  = $('#submit-message'), 
    messageContainer = submitMessage.find('span'), 
    loading   = $('#loading'); 

function showSuccess(message) { 
    messageContainer.text(message) 
    messageContainer.attr('class', 'success'); 
    } 
function showFailure(message) { 
    messageContainer.text(message) 
    messageContainer.attr('class', 'failure'); 
} 
$("#contact-form-info").validate({ 
    rules: { 
    contact_Name: { 
     minlength: 2, 
     maxlength: 50, 
     required: true 
    }, 
    contact_Foretag: { 
     minlength: 1, 
     maxlength: 50 
    }, 
    contact_Email: { 
     required: true, 
     email: true 
    }, 
    contact_Subject: { 
     required: true, 
     minlength: 5, 
     maxlength: 50 
    }, 
    contact_Message: { 
     required: true, 
     minlength: 10, 
     maxlength: 5000 
    } 
    }, 
    submitHandler: function(form) { 
     var options = { 
      beforeSubmit: function() { 
       loading.show(); 
      }, 
      success: function() { 
       showSuccess('Thank you! Your email has been submitted.'); 
       form.reset(); 
       loading.hide(); 
      }, 
      error: function() { 
       showFailure("We're sorry, your email could not be sent. Please try again later."); 
       loading.hide(); 
      } 
     }; 
     $(form).ajaxSubmit(options); 
    return false; 

    }, 
    invalidHandler: function() { 
     showFailure('There were some problems with your submission.'); 
    } 
}); 
}); 
</script> 

다음은 jsFiddle의 코드입니다. http://jsfiddle.net/JwNmK/

Answer 1

영업 이익의 의견 :

"나는 그것이 '정상'형태로 submited되는 유효한 양식을 제출할 때, 나는 process.php 페이지로 이동 오전" ajax을 사용하는 경우 submitHandler 콜백 함수의 끝 부분에 return false이 필요합니다.

submitHandler: function (form) { 
    // your ajax 
    return false; 
},