表单提交按钮在Google Chrome中无效（jQuery Validate）

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

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

这是链接： 联系表格

这是jQuery代码的一小部分。 文件中使用的所有j都可以在： 组合的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: "Please enter a valid email address", name: { required: "Please enter your first name" }, last: { required: "Please enter your last name" }, phone: { required: "Please enter your phone number", phoneUS: "Please enter a valid phone number", minlength: "Phone number too short", maxlength: "Phone number too long" }, city: "Please enter your city", state: "Please choose your state", zip: { required: "Please enter your zip code", minlength: "Zip Code must be more than 4 characters", maxlength: "Zip Code must be less than 11 characters" }, testimonial: { required: "Please enter your testimonial", minlength: "Testimonial must be more than 5 characters" }, security_code: "This field is required" }, errorPlacement: function(error, element) { if (element.attr('id') != 'security_code_input') { error.insertAfter(element); } else { error.insertAfter($('#sec_code_msg')); } } }); /* ----- Input Masking ----- */ $("#phone").mask("[phone]"); 

}）;

Answer 1

使用此行，您已覆盖表单的“提交”function，并将其替换为按钮。

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

修复：将按钮命名为其他内容。

Answer 2

我怀疑表格动作有问题…. ??

邓知道为什么，但我发现它困扰着我。

您是否使用相同的php文件来读取和解析输入？例如， 在表单的操作字段中使用PHP_SELF