木子屋
 

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

作者: dnawo

日期: 2012-10-23 11:25 PM

分类: 脚本语言

内容: HTML代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">
Validation插件success和submitHandler两个方法区别-Mzwu.COM
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js">
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js">
$(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(); //没有这一句表单不会提交
}
});
});
username:
password:


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
Validation插件success和submitHandler两个方法区别
success：当表单元素验证成功时执行，对于同一个表单元素，由于onkeyup、onfocusout、onsubmit等事件都会触发验证，所以本方法可能会多次执行；
submitHandler：当表单验证成功并提交时执行，存在此方法时表单只能在此方法内部执行form.submit()才能提交，可理解成它替代了表单的onsubmit方法；

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.032 ms

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

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.032 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.047 ms