jQuery插件:Validation中success和submitHandler两个方法的区别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Validation插件success和submitHandler两个方法区别-Mzwu.COM</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
</head>


<body>
<script type="text/javascript">
$(document).ready(function(){
$("#form1").validate({
errorClass: "error",
errorElement: "div",
errorPlacement: function(error, element) {   
element.after(error);
},
rules: { 
username: { required: true, minlength: 6},
password: { required: true, minlength: 6}
},
messages: {
username: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")},
password: { required: "必填", minlength: $.validator.format("不得少于{0}字符.")}
},
success: function(label) {
alert("success");
},
submitHandler: function(form){
            alert("submit");    
            form.submit(); //没有这一句表单不会提交
        }
});
});
</script>
<form id="form1" name="form1" method="post" action="">
  username:<input type="text" name="username" id="username" /><br />
  password:<input type="password" name="password" id="password" /><br />
  <input type="submit"  value="登录" />
</form>
</body>

</html>


Validation插件success和submitHandler两个方法区别

success:当表单元素验证成功时执行,对于同一个表单元素,由于onkeyup、onfocusout、onsubmit等事件都会触发验证,所以本方法可能会多次执行;
submitHandler:当表单验证成功并提交时执行,存在此方法时表单只能在此方法内部执行form.submit()才能提交,可理解成它替代了表单的onsubmit方法;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值