表单提交按钮在Google Chrome中不起作用(jQuery Validate)
Form submit button not working in Google Chrome (jQuery Validate)
我在演示页面上使用jQuery Validate插件,由于某些原因,提交按钮在Google Chrome中不起作用。我怀疑这与自动填充功能有关,但我不确定:
几天来,我一直在为这个问题而苦恼。
链接如下:联系表格
下面是jQuery代码的一个片段。文件中使用的所有js都可以在:combined js code-initializer代码在底部。
$(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=此按钮。不是事件处理程序。
修复:用其他名称命名按钮。
我怀疑表单操作有问题。。。。??
<form action="/contact_form_10-6-2011/contact.php#contactformWrapper" method="post" name="form1" id="contactform">
不知道为什么,但我发现它困扰着我。
您是否使用相同的php文件来读取&也解析输入??类似于,在表单的操作字段中使用PHP_SELF
相关文章:
- jquery validate 1.8.1”;jQuery"是未定义的错误IE8
- jQuery validate函数不起作用
- jQuery Validate不适用于自定义单选按钮
- Jquery Validate with Coffeescript
- 如何在不提交表单的情况下使用jQuery.validate
- 有条件地创建ajax url参数以与jQuery Validate一起使用
- jQuery Validate - Url Validation
- jQuery.Validate - 如何将错误结果放在不同的地方
- 在应用 jQuery.Selected 时,使用 jQuery.Validate 来验证选择字段时,暴露错误
- 如何使用 jquery.validate with requirejs.
- jQuery Validate-Fire自定义'addMethod'聚焦/按键
- jquery validate-根据条件切换字段集(带有嵌套的必需字段)
- 防止使用jQuery.validate()验证隐藏/禁用字段
- 在附加方法jquery validate中为特殊字符使用regex
- 无法中断jquery.validate回调
- 正在尝试使用.submit在表单提交上激发jquery validate
- jQuery Validate-验证字符串的内容
- Jquery validate:如何验证一组文本框中是否有值
- jQuery Validate 不显示任何消息
- 在jquery.validate()验证表单之前触发函数