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

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

源码

posted on 2011-03-30 20:07  lorgine  阅读(13264)  评论(0编辑  收藏  举报