脚本语言

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

编辑:dnawo 日期:2012-10-23

字体大小: 小中大

HTML代码

<!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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

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

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

上一篇: jQuery插件：Validation简单示例

下一篇: jQuery.ajax异步获取json/script数据示例

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags:

最新日志:

评论: 0 | 引用: 0 | 查看次数: 28449

发表评论

请登录后再发表评论！

Powered By PJBlog3 V3.2.9.518 CopyRight 2005 - 2021, 木子屋 xhtml | css
Processed in 0.605469 second(s) , 6 queries , Simple Yellow Design By ChangHua(FatMouse) 闽ICP备19016051号-1

01.w3school	02.51Windows
03.ES6入门教程	04.PHP中文手册
05.MSDN\|.NET	06.Visual Studio\|O
07.ASP.NET MVC2	08.ASP.NET MVC3
09.jQuery\|D\|P	10.Vue.js
11.AspNetPager	12.SharpZipLib
13.AjaxPro	14.Json.NET
15.Web Services	16.BaiDu API
17.数据堂	18.纯真IP库
19.SharpDevelop	20.动软
21..NET Reflector	22.百度\|高德[坐标]
23.Layui\|G\|X\|Q	24.Ele\|uni-app
25.SourceForge	26.CodeProject
27.Dynamic Drive	28.CodePlex
29.GitHub	30.Gitee
31.IItellYou	32.面包多
33.一门APP	34.友盟数据
35.JSON格式化	36.在线文本比较
37.微软开发者中心	38.Android开发者中心

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

编辑:dnawo 日期:2012-10-23

Category

IM Online

User Panel

Search

Recent Comments

最新评论

Resources