我在演示页面上使用 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");
});