Jquery バリデータ ( http://bassistance.de/jquery-plugins/ ) プラグイン submitHandler 関数に問題があります。フォームは正しく検証され、無効なハンドラー メッセージは正しくトリガーされますが、submitHandler 関数は正しくトリガーされず、ajaxSubmit 関数は正しくトリガーされません。私が間違ったことをした人はいますか?どんな助けでも大歓迎です。
<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/