这是我的表格:
<form class= "myForm" action="someAction" method="post">
<fieldset>
<input type="hidden" name="source" value="zions_direct" />
<ul class="cf">
<li>
<label for="firstname">First Name</label>
<input type="text" name="firstName" id="firstName" placeholder="First Name" class="text" />
</li>
<li>
<label for="lastname">Last Name</label>
<input type="text" name="lastName" id="lastName" placeholder="Last Name" class="text" />
</li>
<li>
<label for="email">Email Address</label>
<input type="email" name="email" id="input-email" placeholder="Email Address" class="text" />
</li>
<li>
<input type="submit" alt="Send My Form" target="_blank" value="SUBMIT" />
</li>
</ul>
</fieldset>
</form>
我正在尝试创建一个jQuery验证规则,以针对正则表达式检查firstName和lastName并在不符合条件(或自定义规则返回false)时显示一条消息(同时防止提交表单):
function validator() {
$.validator.addMethod('nameCheck', function(value, element) {
return /^([a-zA-Z .'-]{3,80})+$/.test(value);
}, 'Please type a valid name');
$('.myForm').validate({
rules: {
firstName: {
required: true,
name: true,
nameCheck: true
},
lastName: {
required: true,
name: true,
nameCheck: true
},
email: {
required: true,
email: true
}
}
});
我想念什么?内置电子邮件:正确,但我的自定义无效。感谢您的宝贵时间和帮助。
该name
方法不是此插件的一部分。而且我在您的OP中没有看到您使用创建它的任何地方.addMethod()
,因此这将使验证陷入僵局,然后再评估您的nameCheck
规则。
firstName: {
required: true,
name: true, // <- what is this?
nameCheck: true
},
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句