jQuery validate运作流程以及重复提示错误问题

简介:

一,运作流程

jQuery validate要想运作,首先要加载相应的js

复制代码
<script type="text/javascript" src="/js/class/jquery-1.3.2.min.js"></script>
        <!--begin of validate-->
        <script src="/js/class/jquery.validate.js" type="text/javascript" ></script>
        <script src="/js/class/jquery.metadata.js" type="text/javascript" ></script>
        <script src="/js/class/jquery.validate.messages_cn.js" type="text/javascript" ></script>
        <!--end of validate-->
复制代码

加载完毕之后,就可以使用了,但是什么时候才真正的触发验证效果呢

答案是,表单提交时触发!

具体的流程如下:

复制代码
         //第二步:接收到提交信息,进行验证
                $("#form1").validate({
                    submitHandler:function(form){
                        //第三步:验证完毕,真正的提交
                        form.submit();
                    }
                });
                //提交
                $(".make_sure").click(function(){
                    //第一步:提交
                    $("#form1").submit();
                });
复制代码

如果表单不提交,jQuery validate就收不到验证信息,就不会触发效果!!!

第二步具体的流程:

a.接到验证通知之后,jQuery validate就会查询页面中需要验证的表单项。

b.查到之后,就会获取到表单的值,并调用内置的或用户自定义的函数!

c.验证是否合法,如果非法的话,就将错误提示自动添加到被验证的表单后面!

d.检测是否全部通过验证,如果通过,表单成功提交,进入第三步

 

PS:这是我对它流程的理解,里面还有很多隐藏的奥秘,自己去揣摩体会吧!

 

二,重复提示错误

下面谈谈今天遇到的重复提示错误的问题,

每次提交表单,都会将错误信息加到后面,会越来越长,很难看!

后来我到网上查询,发现是form表单被包裹在table里面导致的,

后来我将table放到form里面,然后测试了一下发现果然正常了!不会继续重复的错误提示了!



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/3184336.html如需转载请自行联系原作者

相关文章
|
10月前
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
49 0
|
JavaScript
JQuery重复校验导致出现双重提示的问题记录
最近在用JQuery Validate做表单校验时,由于需要校验用户名:1、是否符合注册规则;2、是否为空;3、是否已被注册;4、是否包含特殊字符,但问题来了,第一次点击是校验非空,但输入非法的用户名后会提示不符合注册规则,遂将其删掉,这时便出现了所述问题:既校验了非空,又校验了注册规则。
74 0
JQuery重复校验导致出现双重提示的问题记录
|
JavaScript 前端开发
将jquery validate校验框架的remote异步验证设置为同步校验
将jquery validate校验框架的remote异步验证设置为同步校验
278 0
将jquery validate校验框架的remote异步验证设置为同步校验
|
JavaScript
关于JQuery validate表单校验插件对级联下拉框的校验问题
关于JQuery validate表单校验插件对级联下拉框的校验问题
217 0
关于JQuery validate表单校验插件对级联下拉框的校验问题
|
JavaScript 数据安全/隐私保护
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
105 0
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
|
JavaScript 前端开发
jquery validate初上手
jquery validate初上手
96 0
jquery validate初上手
|
JavaScript 前端开发
jQuery validate之remote
jQuery validate之remote
210 0
|
JavaScript 前端开发 Java
为eclipse添加jquery语法提示
为eclipse添加jquery语法提示
150 0
为eclipse添加jquery语法提示
|
JavaScript API 数据安全/隐私保护
jquery提示插件qtip2使用(全面)
jquery提示插件qtip2使用(全面)
135 0
jquery提示插件qtip2使用(全面)
|
JavaScript 前端开发 数据安全/隐私保护
jQuery之validate验证表单
访问jQuery validate官网下载最新插件 https://jqueryvalidation.org/ validate是用来验证表单的 以前我们都是用js手动验证 现在可以通过这个插件直接调用别人写好的方法 更加简单方便 validate.
2014 0