jQuery Validate 提交表单验证失败扩展方法

由于Validate没有提供表单提交过后，验证不通过触发方法。这里做一下扩展。

引用场景：每次提交表单元素验证不通过触发方法

打开源代码找到focusInvalid 方法，这里是提交表单时验证不通过触发方法，在这里做扩展是就好不过的。

focusInvalid: function() {

if ( this.settings.focusInvalid ) {

try {

$(this.findLastActive() || this.errorList.length && this.errorList[0].element || [])

.filter(":visible")

.focus()

.trigger("focusin");

/* 扩展方法failedCallback */

var failedCallback=this.settings.failedCallback;

if($.type(failedCallback)==='function'){

failedCallback(this.errorList);

}

} catch(e) {

}

使用

$('#editForm').validate(

{

rules：..... ,

failedCallback:function(errorList){

// 循环验证失败元素

for(var i=0; i<errorList.length; i++){

var element=errorList[0].element;

if($(element).attr("name") == 'birthday'){

........................................

}

）；

转载于:https://blog.51cto.com/201510240609/1933670

jQuery Validate 提交表单验证失败扩展方法相关推荐

bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
使用 jQuery Validate 进行表单验证
jQuery Validate简介 jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求.该插件捆绑 ...
JQuery.validate.js 表单验证
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.d ...
JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证博客分类: jsp/html/javascript/ajax/development Kit 开源项目注:经过验证,formValidator只适合一个页面 ...
2013年jQuery Validation Engine 表单验证
目录(?)[-] options 参数说明可选使用方法载入 CSS 文件载入 JavaScript 文件给表单加上 ID 给控件加上 ID 及设置验证类型设置验证验证类型 API 方法 ...
jquery validation Engine表单验证
jQuery Validation Engine 表单验证来源功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外, ...
自己编写jQuery插件之表单验证
自己编写jQuery插件之表单验证吐个嘈先:最近状态不咋滴,真是什么都不想干,不想上班,做什么都没动力,觉得没意思.不想这样,不想这样,快让这种情绪消失吧,忽忽.... 表单验证在项目中用的还是比较 ...
Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...
jQuery Validation Engine 表单验证踩过的一个坑
jQuery Validation Engine表单验证是一个非常简单好用的前端验证插件,具体的使用手册可以参考: http://code.ciaoca.com/jquery/validation-e ...

jQuery Validate 提交表单验证失败扩展方法

jQuery Validate 提交表单验证失败扩展方法相关推荐

最新文章

热门文章