表单提交按钮在 Google Chrome 中不起作用(jQuery Validate)

2024-01-05

我在演示页面上使用 jQuery Validate 插件,由于某种原因,“提交”按钮在 Google Chrome 中不起作用。我怀疑这与自动填充功能有关,但我不确定:

这几天一直在为这个问题苦苦挣扎。

这是链接:联系表 http://julianjosephs.com/contact_form_10-6-2011/contact.php

这是 jQuery 代码的片段。该文件中使用的所有js都可以在:合并js代码 http://julianjosephs.com/contact_form_10-6-2011/scripts/jquery.ep.forms.scripts.min.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");

});


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

通过这一行,您已经覆盖了表单的“提交”功能并将其替换为按钮。

form.submit = 这个按钮。不是事件处理程序。

修复:将按钮命名为其他名称。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表单提交按钮在 Google Chrome 中不起作用(jQuery Validate) 的相关文章

随机推荐