jQuery插件:Validation中success和submitHandler两个方法的区别
来源:互联网 发布:伊辛模型c语言代码 编辑:程序博客网 时间:2024/06/07 19:55
<!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 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方法;
0 0
- jQuery插件:Validation中success和submitHandler两个方法的区别
- jQuery 中 ajax 的 complete 和 success 有什么区别
- jQuery.ajax中success 和complete 区别
- jQuery.ajax中success 和complete 区别
- jQuery.ajax中success 和complete 区别
- JQuery的submitHandler
- Validation阻止表单自动提交,使用Ajax提交表单(使用Validation的submitHandler方法)
- jQuery的Validation插件
- jQuery的Validation插件
- jquery的Validation插件
- JQuery的validation插件
- jquery jsonp异步请求,success和jsonpCallback的区别
- jquery-validation插件添加控件的验证回调方法
- JQuery Validation插件的问题
- 【jquery】jquery中开发插件的两个方法jquery.fn.extend与jquery.extend(推荐)
- jquery插件jquery.validation的使用
- jquery开发插件的两个方法
- jQuery开发插件的两个方法
- 世界因大数据而 改变
- leetcode-232-Implement Queue using Stacks
- Spring切面简记及应用(spring aop)
- redis--keys命令
- A+B Problem(V)
- jQuery插件:Validation中success和submitHandler两个方法的区别
- 基因(Gene) 数据库 (Database) 和 软件 (Software)
- 最长回文子序列(LPS)
- 1031. Hello World for U (20)
- 关于 thinkPHP 项目分组后的访问问题
- 内容提供者及内容解析者的实现步骤
- POJ2007 Scrambled Polygon
- 网络拓扑结构
- 练习