表單提交按鈕在 Google Chrome 中不起作用（jQuery 驗證）

Question

我在演示頁面上使用了 jQuery 驗證插件，由於某種原因，提交按鈕在 Google Chrome 中不起作用。 我懷疑它與自動填充功能有關，但我不確定：

幾天來一直在努力解決這個問題。

這是鏈接：聯系表格

這是 jQuery 代碼的片段。 文件中使用的所有js都可以在： 組合js代碼-初始化代碼在底部。

$(function(){
/* ----- Validation ----- */
$("#contactform").validate({
    rules: {
        email: {
            required: true,
            email: true
        },
        name: "required",
        last: "required",
        phone: {
            required: true,
            phoneUS: true,
            minlength: 10,
            maxlength: 14
        },
        city: "required",
        state: "required",
        zip: {
            required: true,
            minlength: 5,
            maxlength: 10
        },
        testimonial: {
            required: true,
            minlength: 5
        },
        security_code: "required"
    },

    submitHandler: function(form) {
        form.submit();
        return false;
    },

    messages: {
        email: "<span class='errors'>Please enter a valid email address</span>",
        name: {
            required: "<span class='errors'>Please enter your first name</span>"
        },
        last: {
            required: "<span class='errors'>Please enter your last name</span>"
        },
        phone: {
            required: "<span class='errors'>Please enter your phone number</span>",
            phoneUS: "<span class='errors'>Please enter a valid phone number</span>",
            minlength: "<span class='errors'>Phone number too short</span>",
            maxlength: "<span class='errors'>Phone number too long</span>"
        },
        city: "<span class='errors'>Please enter your city</span>",
        state: "<span class='errors'>Please choose your state</span>",
        zip: {
            required: "<span class='errors'>Please enter your zip code</span>",
            minlength: "<span class='errors'>Zip Code must be more than 4 characters</span>",
            maxlength: "<span class='errors'>Zip Code must be less than 11 characters</span>"
        },
        testimonial: {
            required: "<span class='errors'>Please enter your testimonial</span>",
            minlength: "<span class='errors'>Testimonial must be more than 5 characters</span>"
        },
        security_code: "<span class='errors'>This field is required</span>"
    },

    errorPlacement: function(error, element) {
        if (element.attr('id') != 'security_code_input') {
            error.insertAfter(element);
        } else {
            error.insertAfter($('#sec_code_msg'));
        }
    }
});


/* ----- Input Masking ----- */
$("#phone").mask("(999) 999-9999");

});

Answer 1

<input name="submit" type="submit" value="Send Now">

使用這一行，您已經覆蓋了表單的“提交”function 並將其替換為按鈕。

form.submit = 這個按鈕。 不是事件處理程序。

修復：將按鈕命名為其他名稱。

Answer 2

我懷疑表單操作有問題....？？

<form action="/contact_form_10-6-2011/contact.php#contactformWrapper" method="post" name="form1" id="contactform">

不知道為什么，但我發現它困擾着我。

您是否也在使用相同的 php 文件來讀取和解析輸入？類似於在表單的操作字段中使用 PHP_SELF