【发布时间】:2014-07-09 17:14:51
【问题描述】:
小提琴更新:我没有很好地解释它,所以我将解释我正在尝试做的事情。 我不是在尝试进行表单验证,我已经通过 HTML 5“必需”字段进行了验证。 我想要做的是能够控制当用户无法输入字段或提供无效信息时由 jQuery 验证填充的“.error”的样式。如何控制样式未被 jQuery 验证函数填充?
小提琴:http://jsfiddle.net/xvAPY/140/
$('#contactForm').validate({ // initialize the plugin
errorElement: 'div',
rules: {
first_name: {
required: true,
},
last_name: {
required: true,
}
postal_code: {
required: true,
},
phone_primary: {
required: true,
}
email: {
required: true,
}
},
submitHandler: function(form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
<form id="contactForm" method="POST" action="https://app.leadconduit.com/v2/PostLeadAction">
<input type="text" id="first_name" name="first_name" minlength="5" maxlength="255" placeholder="First Name" required />
<input type="text" id="last_name" name="last_name" minlength="2" maxlength="255" placeholder="Last Name" required />
<input type="hidden" id="state" name="state" value="" />
<input type="text" id="postal_code" name="postal_code" minlength="5" maxlength="10" placeholder="Zip Code" required />
<input type="text" id="phone_primary" name="phone_primary" minlength="11" maxlength="12" placeholder="Phone" required />
<input type="text" id="email" name="email" minlength="25" maxlength="255" placeholder="Email" required />
<input type="submit" value="Submit"/>
【问题讨论】:
-
我在你的代码中没有看到
div.... -
在你的 css 中
error {}中,没有错误元素 -
阅读 MDN 上关于占位符的说明:developer.mozilla.org/en-US/docs/Web/HTML/Element/…
标签: javascript jquery css forms