javascript form提交 不执行onsubmit事件解决方案

今天做项目过程中，需要用到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标签内，不可以通过事件绑定。

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

源码