Jquery validate(submitHandler函数)验证通过发送Ajax

所需要插件：

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script src="http://malsup.github.io/jquery.form.js"></script>

<form  id="myform" action="/de">请输入账号：<input id="username"  type="text" name="username">请输入密码：<input id="password" type="password" name="password"><button class="one" type="submit">提交</button></form>

$(function(){$("#myform").validate({rules:{username:{required:true,checkUsername:true},password:{required:true,rangelength:[8,12]}},message:{username:{required:"用户名不能为空",checkUsername:"用户名已存在"},password:{required:"密码不能为空",rangelength:"至少输入6个字符,但是不超过12个字符"}},onkeyup:false,debug: true,success:"valid",submitHandler:function(form){$(form).ajaxSubmit({type: 'POST',url: "/de" ,success: function(data){},error: function(){}});}});
});

如上诉代码来看：.validate({}）方法里面是以json格式来写入的。里面简单来写了几种属性。

1.required:true 设置该项内容为必填 Boolean类型

2.rangelength[8,12] 设置内容的字符长度范围 Array类型

二、发送ajax请求

submitHandler:function(form){$(form).ajaxSubmit({type: 'POST',url: "/de" ,success: function(data){},error: function(){}});
}

通过这个方法可以向后台传入值。

优点：当我们使用ajax给controller传值的时候。从controller哪里return的只有json数据。不能跳转页面。使用form表单来向controller传值值。又没有了传值成功之后的success回调函数。所以。这种基于submitHandler函数可以实现俩种方法。

Jquery validate(submitHandler函数)验证通过发送Ajax相关推荐

【转载】Jquery validate(submitHandler函数)验证通过发送Ajax
转自:https://www.cnblogs.com/dingjing0518/p/6839702.html $(function() { $('#form').validate({ ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由...
2019独角兽企业重金招聘Python工程师标准>>> 引用源:http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-上）——不使用微软验证控件的理由...
在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Valid ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
jquery validate submitHandler 提交导致死循环
dom对像的提交form.submit();和jquery对像的提交$('').submit();功能上是没有什么区别的.但是如果用了jquery validate插件,提交时这二个就区别大了.$(' ...
Jeesite 客户端验证Jquery Validate及服务器端验证
2019独角兽企业重金招聘Python工程师标准>>> Jeesite框架采用了双重验证模式,即客户端采用Jquery Validate表单验证以及服务器端数据校验,可以有效的防止恶 ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
jQuery validate 表单验证，涵盖各种类型数据
本来觉得用这个会很难,结果试了试,发现却是简单了不少东西啊,什么getElementById,if 什么的,只用几个属性名什么的就可以解决不同状态显示不同提示,很强大很方便. <%@ page ...
jQuery validate表单验证demo
Query Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求. 官方文档 http://jqueryvalidation. ...

Jquery validate(submitHandler函数)验证通过发送Ajax

Jquery validate(submitHandler函数)验证通过发送Ajax相关推荐

最新文章

热门文章