zoukankan      html  css  js  c++  java
  • 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里面,然后测试了一下发现果然正常了!不会继续重复的错误提示了!

  • 相关阅读:
    Unix环境编程常用头文件
    《APUE》读书笔记—第十章信号(上)
    Unix网络编程API
    管道和FIFO
    《APUE》读书笔记—第九章进程关系
    开通博客园
    《APUE》读书笔记—第五章标准I/O库
    《APUE》读书笔记—第十章信号(中)
    《APUE》读书笔记—第三章文件I/O
    《APUE》读书笔记—第七章进程环境
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/3184336.html
Copyright © 2011-2022 走看看