<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<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方法；
根据上次的经验，我将 代码如下:contentType: “application/x-www-form-urlencoded; charset=utf-8”, 加入到ajax请求的参数
中
，结果这次居然不起作用了。 多次观察Fiddler结果，发现无效后，只好打开
JQuery
.
Validation
.js寻求答案了。 在remote的代码
中
，我发现： 代码如下: … var data = {}; data[element.name] = value; $.ajax($.extend(true, { url: param, mode: “abort”, port: “validate” + e
在网站开发过程
中
，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。
jquery
验证
插件
有很多，实现的功能也基本相同。本文介绍的只是
jquery
验证
插件
中
的一种
jquery
.validate
jquery
.
Validation
是一款优秀的
jquery
插件
,它能对客户端表单进行验证,并且提供了许多可以定制的属性和
方法
,良好的扩展性。
1.
jquery
.validate
插件
功能
简单实现客户端信息验证，过滤不符合要求的信息
2.
jquery
.validate官方地址
官方地址：ht
的
submit
Handler
的工作是提交表单，不登记表单提交事件处理程序。当formm提交事件被触发时，
submit
Handler
会被调用，而不是提交您正在注册提交处理程序的表单，因此当表单提交事件首次被触发时，表单未被提交。当第一次触发提交事件时，验证器会处理提交事件，然后触发您注册的处理程序，触发ajax请求。在你只需要在
submit
Handler
发送Ajax请求没有必要注册事件处理$("#a...
我有一个使用
jquery
和servlet的简单表单。
jQuery
对Servlet进行Ajax调用，然后Servlet进行一些服务器端计算，然后通过
jQuery
在同一页面上显示结果。我不希望表单进行默认的提交(并转到servlet)，因为我想停留在同一页面上并动态显示结果。它完全按照我想要的方式工作：HTML：
jQuery
的：form.
submit
(function(event) {$.ajax(...
jQuery
Validate验证框架详解
jQuery
校验官网地址：http://bassistance.de/
jquery
-plugins/
jquery
-plugin-
validation
一、导入js库
<script type="text/javascript" src="<%=path %>/validate/
jquery
-1.6...
dom对像的提交form.
submit
();和
jquery
对像的提交$('').
submit
();功能上是没有什么
区别
的。但是如果用了
jquery
validate
插件
，提交时这二个就
区别
大了。$('').
submit
();提交时，
jquery
validate会进行验证，
submit
Handler
里面如果写了$('').
submit
();会导致死循环，而form.
submit
();则不会。
发现了
jQuery
Validation
Pluginv1.13.1有一个小BUG。
需求实现是：一个输入框验证不通过错误提示信息显示在label
中
，此时使用.error样式。当验证通过，通过设置option
中
的
su
ccess
为function来操作，remove掉.error样式，add上.valid样式。
可是发现如果在验证通过的情况下，不停地在输入框
中
onblur，那么会不停地新增显示错误信...
概述：本篇主要讨论
jquery
.validate结合
jquery
.form实现对表单的验证和提交方案。
方式一：是通过
jquery
.validate的
submit
Handler
选项，即当表单通过验证时执行回调函数。在这个回调函数
中
通过
jquery
.form来提交表单；
方式二：是通过
jquery
.form的before
Submit
，即在提交表单前执行的回调函数，这个函数如果返回true，则提交...
