jquery validation 自定义校验的方法 默认何时执行 ？是blur的时候？还是keyup的时候？如何设置？ 15
jqueryvalidation自定义校验的方法默认何时执行？是blur的时候？还是keyup的时候？如何设置？...
jquery validation 自定义校验的方法 默认何时执行 ？是blur的时候？还是keyup的时候？如何设置？
展开
1个回答
展开全部
blur的时候
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script>
$(function(){
$("#myform").validate({
rules:{
user:{required:true,rangelength:[5,8]},
pwd:{required:true,minlength:6},
repwd:{required:true,equalTo:"#pwd"},
email:{required:true,email:true},
birth:{required:true,dateISO:true}
},
messages:{
user:{required:"用户名不能为空！",rangelength:jQuery.format("用户名位数必须在5到8字符之间！")},
pwd:{required:"密码不能为空",minlength:jQuery.format("密码位数必须大于6")},
repwd:{required:"确认密码不能为空",equalTo:"确认密码和密码不一致"},
email:{required:"email不能为空",email:"email格式对正确"},
birth:{required:"日期不能为空",dateISO:"日期格式不正确！"}
}
});
});
</script>
</head>
<body>
<form id="myform">
用户名：<input type="text" name="user" /><span><span id="userInfo" style="color:red"></span></span><br>
密码：<input type="text" name="pwd" id="pwd"/><span><span id="pwdinfo" style="color:red"></span></span><br>
确认密码：<input type="text" name="repwd" id="repwd"/><span><span id="repwdinfo" style="color:red"></span></span><br>
Email：<input type="text" name="email" /><span><span id="emailinfo" style="color:red"></span></span><br>
出生日期：<input type="text" name="birth" /><span><span id="birthinfo" style="color:red"></span></span><br>
<input type="submit" value="登录"/>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script>
$(function(){
$("#myform").validate({
rules:{
user:{required:true,rangelength:[5,8]},
pwd:{required:true,minlength:6},
repwd:{required:true,equalTo:"#pwd"},
email:{required:true,email:true},
birth:{required:true,dateISO:true}
},
messages:{
user:{required:"用户名不能为空！",rangelength:jQuery.format("用户名位数必须在5到8字符之间！")},
pwd:{required:"密码不能为空",minlength:jQuery.format("密码位数必须大于6")},
repwd:{required:"确认密码不能为空",equalTo:"确认密码和密码不一致"},
email:{required:"email不能为空",email:"email格式对正确"},
birth:{required:"日期不能为空",dateISO:"日期格式不正确！"}
}
});
});
</script>
</head>
<body>
<form id="myform">
用户名：<input type="text" name="user" /><span><span id="userInfo" style="color:red"></span></span><br>
密码：<input type="text" name="pwd" id="pwd"/><span><span id="pwdinfo" style="color:red"></span></span><br>
确认密码：<input type="text" name="repwd" id="repwd"/><span><span id="repwdinfo" style="color:red"></span></span><br>
Email：<input type="text" name="email" /><span><span id="emailinfo" style="color:red"></span></span><br>
出生日期：<input type="text" name="birth" /><span><span id="birthinfo" style="color:red"></span></span><br>
<input type="submit" value="登录"/>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
