zoukankan      html  css  js  c++  java
  • javascript form提交 不执行onsubmit事件解决方案

    转载自:https://www.cnblogs.com/lorgine/archive/2011/03/30/2000284.html

    今天做项目过程中,需要用到javascript提交form到后台,同时我也需要在提交后台之前执行onsubmit事件。

    弄了半天也没有解决,然后无意中调试出来了。然后分析源码,现在把解决方案公布出来,给大家一个参考。

    核心javascript原理如下

    <script type="text/javascript">
        //<![CDATA[ 
        $(function(){
            //这个不起作用
            //$("form:first").attr("onsubmit","alert(123);return true;");
            $("form:first").bind("onsubmit",function()
            {
              alert(123);
              return true;
            });
        });
        function test(){    
              alert(456);
              return true;
        }       
        function doSubmit() {
            var theForm = $("form:first").get(0);
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {            
                theForm.submit();
            }
        }
        //]]>
    </script>

    关键在这行代码if (!theForm.onsubmit || (theForm.onsubmit() != false))

    在提交之前会去检查是否有onsubmit属性,如果没有!theForm.onsubmit为true直接可以执行

    theForm.submit();语句。

    假如有onsubmit属性那么theForm.onsubmit对应的则是函数体,()表示执行。

    当前的theForm.onsubmit函数是test注意test函数的返回值需为true,或者不加返回值,不能返回false,当然如果一定要返回false修改相应的即可。

    注意必须把onsubmit直接写在form标签内,不可以通过事件绑定。

    这个方法个人认为还是很巧妙的。先公布给大家。

  • 相关阅读:
    AtCoder Grand Contest 030题解
    Codeforces Round #542 (Div. 1) 题解
    ZJOI2019赛季回顾
    UOJ #450「集训队作业2018」复读机
    「IOI2018」狼人
    APIO2019游记
    BZOJ4314 倍数?倍数!
    伯努利数学习笔记&&Luogu P3711 仓鼠的数学题
    Codeforces Round #541 (Div. 2)题解
    UOJ #460 新年的拯救计划
  • 原文地址:https://www.cnblogs.com/zrui-xyu/p/8417943.html
Copyright © 2011-2022 走看看