}); })
这样以来，也能达到相同的效果。
那么，接下的问题，就是显示的错误提示是默认的。我们需要使用自定义的提示：
$(document).ready(function(){
$(\
rules:{
firstname:\
lastname:\
username:\
password:\
confirm_password:{
required:true,
equalTo:\ },
email:{
required:true,
email:true } },
messages:{
firstname:\必填项\
lastname:\必填项\
username:\必填项\
password:\必填项\
confirm_password:{
required:\必填项\
equalTo:\密码不一致\ },
email:{
required:\必填项\
email:\格式有误\ } } }); })
如果你还想在错误信息上显示特别的样式 ( 比如字体为红色 ) 即可通过添加：
继续添加对输入密码长度的验证规则：
$(document).ready(function(){
$(\
rules:{
firstname:\
lastname:\
username:\
password:{
required:true,
minlength:4,
maxlength:15 },
confirm_password:{
required:true,
equalTo:\ },
email:{
required:true,
email:true } },
messages:{
firstname:\必填项\
lastname:\必填项\
username:\必填项\
password:{
required:\必填项\
minlength:jQuery.format(\密码长度不少于 {0} 位 \
maxlength:jQuery.format(\密码长度不超过 {0} 位 \ },
confirm_password:{
required:\必填项\
equalTo:\密码不一致\ },
email:{
required:\必填项\
email:\格式有误\ } } }); })
使用remote
可以通过 event 指定触发效验方式（ 可选值有 keyup( 每次按键时 ) ， blur( 当控件失去焦点时 ) ，不指定时就只在按提交按钮时触发 ）
$(document).ready(function(){
$(\
event:\ }) })
如果通过指定 debug 为 true 则表单不会提交只能用来验证 ( 默认为提交 ) ，可用来调试
$(document).ready(function(){
$(\
debug:true }) })
如果在提交前还需要进行一些自定义处理使用 submitHandler 参数
$(document).ready(function(){
$(\
SubmitHandler:function(){
alert( \ } }) })
JQuery笔记（表单验证） 二 收藏
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库jquery表单验证大全(2)在线全文阅读。
相关推荐：