0

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/

4

1 に答える 1

2

OPのコメント：

「有効なフォームを送信すると、「通常の」フォームとして送信され、process.php ページにリダイレクトされます」

を使用するときは、必ずコールバック関数return falseの最後に が必要です。submitHandlerajax

submitHandler: function (form) {
    // your ajax
    return false;
},
于 2013-04-19T15:35:02.540 に答える