</script>
<form id=”signupForm” method=”get” action=””>
<p>
开关:
<input id=”open” name=”open” type=”radio” />
<label for=”open”>打开</label>
<input id=”close” name=”close” type=”radio” />
<label for=”close”>关闭</label>
</p>
<p>
<label for=”email”>E-Mail</label>
<input id=”email” name=”email” />
</p>
<p>
<input class=”submit” type=”submit” value=”Submit”/>
</p>
</form>
经过测试得知,即使email:function(){return false}); 是返回false,但是required:function(){return true;},是返回true,那么,除了验证是否为空外,还验证email格式。也就是说email:function(){reuturn false;}设置无效。进一步测试,去掉required:function(){return true;},只保留:email:function(){reuturn false;},仍然验证email格式。代码如下:
$(“#signupForm”).validate({
rules:
{
firstname: “required”,
email:
{
email: function()
{
return false;
}
}
},
messages:
……
注意:将校验规则单独写在文件中,如上面例子中的rules规则中的firstname,email等,问题是,在input中有id,又有name属性,那JQuery Validation获取哪个呢?通过测试,是获取name属性的。所以,rules中的key,是input的name属性值,而不是id属性值。
定义样式代码
/* jQuery.Validate css */
input.error{border: 1px dotted red;}
label.error{
background-image:url(‘del.gif’);
background-repeat:no-repeat;
padding-left:18px;
color: red;
}
input.error 定义input控件样式
label.error 定义出错信息的样式
如下图所示:










