• jQuery validate在没有校验通过的情况下拒绝提交


    下面通过一个简单的例子说明,这个问题,可能是很多人遇到的,验证不通过的时候,依然提交了表单。

    HTML

    <form class="survey" id="survey" method="post" action="">
        <div id="pagination">
        </div>
        <div class="nav">
            <input id="prev" type="submit" value="Previous" />
            <input class="submit" id="next"  value="Next" name="submit" type="submit" />
        </div>
    </form>    
    

    jQuery validate function

    jQuery(document).ready(function(){
    
        jQuery("#survey").validate({
            submitHandler: function(form) {
                // your ajax loading logic
                form.submit(); // use this to finally submit form data at the last step
                return false;  // prevent form submit because you are doing the ajax
            }
        });
    
    });
    

    假如submit操作的逻辑不在jQuery("survey").validate() 函数体里面,将不会得到jQuery validate plugin的自动校验合法后提交的功能。除非自己动手写校验逻辑。

    还是那句话,既然这个世界已经有现存的好用的东西,为何不去用而非要自己费力去再做一次不可呢,这些都和业务无关,就不要浪费时间了,专心于自己的业务吧!

  • 相关阅读:
    Java ArrayList,LinkedList使用
    Vue 使用axios分片上传
    Vue 中Axios 使用
    Vue 自定义组件
    Java IO系统--RandomAccessFile
    Java IO系统--字符流
    Java String类
    静态导入(static import)
    枚举(Enum)
    Java 可变参数
  • 原文地址:https://www.cnblogs.com/shihuc/p/5056341.html
Copyright © 2020-2023  润新知