<p>
<label for="email">电子邮件：</label>
<input id="email" name="email" class="required email"/>
</p>
<p>
<label for="url">网址：</label>
<input id="url" name="url" class="url"/>
</p>
<p>
<input type="submit" value="登录"/>
</p>
</form>
<script>
$('#demoForm').validate({})
</script>
更改提示
无论是validate插件自带的英文提示，或者是其扩展的中文提示，可能与实际项目的需求不相符。这时，就需要我们对错误提示进行更改
而更改错误提示的方法也很简单，只需要使用validate()函数里的，messages()方法即可。如果某个控件没有使用messages()方法，则使用默认的错误提示信息。如下所示
在messages()方法中，{0}代表rules()方法当前规则的属性值
<form id="demoForm">
<p>
<label for="username">用户名：</label>
<input type="text" id="username" name="username" />
</p>
<p>
<label for="email">电子邮件：</label>
<input id="email" name="email" />
</p>
<p>
<label for="url">网址：</label>
<input id="url" name="url"/>
</p>
<p>
<input type="submit" value="登录"/>
</p>
</form>
<script>
$('#demoForm').validate({
rules:{
username:{
required: true,
minlength: 2,
maxlength: 10
},
email:{
required: true,
email:true
},
url:{
required: true,
url:true
}
},
messages:{
username:{
required:"请输入用户名",
minlength:"至少输入{0}个字符"
},
email:{
required:"请输入邮箱",
email:"邮箱格式不正确"
},
url:{
required:"请输入网址",
url:"网址格式不正确(完整的网址应包括http://或https://)"
}
}
})
</script>美化样式
实际上，validate插件输出错误信息的方式是通过增加一个label控件实现的，该label控件的id名为’输入控件的id名-error’，类名为’error’，且位于输入控件的右侧
下表中列出了关于错误信息的相关属性的方法
参数 类型 默认值 描述
errorClass String "error" 指定错误提示的css类名
errorElement String "label" 用什么标签标记错误
errorContainer Selector 无 显示或者隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏，用处不大。如errorContainer: "#messageBox1, #messageBox2"
