这篇文章主要为大家展示了“Jquery中Validate如何提交表单验证失败扩展”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery中Validate如何
这篇文章主要为大家展示了“Jquery中Validate如何提交表单验证失败扩展”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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");
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'){
........................................
}
}
}
}
);
以上是“jQuery中Validate如何提交表单验证失败扩展”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!
--结束END--
本文标题: jQuery中Validate如何提交表单验证失败扩展
本文链接: https://www.lsjlt.com/news/83507.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0