2

わかりましたので、jQuery Validation で検証しているフォームがあり、AJAX で送信しようとしています。以下のコードでは、フォームが有効で [送信] をクリックすると、ページがリロードされ、入力が URL アドレス バーに配置されます (つまり、method="get")。

ajax メソッドでは、それを設定してPOSTいますが、ajax 呼び出しを使用しているようには見えません。

私は何を間違えましたか?

$().ready(function() {
    var $form = $(this);
   //validate the inquiry form on keyup and submit
    $("#inquiryForm").validate({
        showErrors: function(errorMap, errorList) {
            for (var error in errorMap)  {
                $.growl.error({ message: errorMap[error] });
             }
        },
        onkeyup: false,
        rules: {
            fullName: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            inquiry: {
                required: true,
                minlength: 5,
                maxlength: 500
            }
        },
        messages: {
            fullName: "Your name is required",
            email: "A valid email address is required",
            inquiry: "Your inquiry is required and must have between 5-500 characters"
        },

        submitHandler: function(form) {
            $.ajax({
                url: form_submit/inquiry_form/inquiry_form.php,
                type: "POST",
                data: $(form).serialize(),
                success: function(response) {
                    $('#inquiryFormHolder').html("Your form was submitted!");
                }            
            });
            return false;
        }
    });
});
4

1 に答える 1