}); })
这样以来,也能达到相同的效果。
那么,接下的问题,就是显示的错误提示是默认的。我们需要使用自定义的提示:
$(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笔记(表单验证) 二 收藏