Кнопка отправки формы не работает в Google Chrome (проверка jQuery)

Question

Я использую плагин jQuery Validate на своей демонстрационной странице, и по какой-то причине кнопка Отправить не работает в 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">

С помощью этой строки вы переопределили функцию отправки формы и заменили ее кнопкой.

form.submit = эта кнопка. Не обработчик событий.

Исправлено: назовите кнопку как-нибудь еще.

Answer 2

Я сомневаюсь, что у формы действий есть проблема .... ??

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

Дан знает почему, но я обнаружил, что это меня беспокоит.

Используете ли вы один и тот же php-файл для чтения и анализа входных данных? Что-то вроде, Использование PHP_SELF в поле действия формы