jquery表单验证大全(2)

2019-02-16 14:30

}); })

这样以来,也能达到相同的效果。

那么,接下的问题,就是显示的错误提示是默认的。我们需要使用自定义的提示:

$(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笔记(表单验证) 二 收藏


jquery表单验证大全(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:2013年高考真题 - 理科数学(湖北卷) 解析版 - 图文

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: