submit与onsubmit 的用法和区别

最新推荐文章于 2022-11-12 23:33:35 发布

Yuyuquan

最新推荐文章于 2022-11-12 23:33:35 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/qq_27918787/article/details/52639842

web前端专栏收录该内容

37 篇文章

订阅专栏

本文介绍了如何使用JavaScript控制HTML表单的提交行为，包括阻止表单提交的方法及onsubmit与submit的区别。通过具体示例展示了如何利用函数返回值来决定是否提交表单，以及不同事件触发方式的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    1.阻止表单提单：  
    <script>  
    function submitFun(){  
        //逻辑判断  
        return true; //允许表单提交  
        //逻辑判断  
        return false;//不允许表单提交  
    }  
    </script>  
    <form onsubmit="return submitFun();"> //注意此处不能写成 onsubmit="submitFun();"否则将表单总是提交  
    </form>  
      
    2.onsubmit()与submit() ：  
    <script>  
    function fun()  
    {  
       alert("form_submit");  
    }  
    </script>  
      
    <form onsubmit="fun()">  
    <input type="submit" id="aaa" value="submit">   <!--能弹出form_submit-->  
    <input type="button" id="bbb" value="onCliCk_submit" onCliCk="doCument.forms[0].submit()">  
    <!--  
    表单会提交，但是不会运行fun() 原因是 onsubmit事件不能通过此种方式触发（在IE环境）  
    直接用脚本doCumetn.formName.submit()提交表单是不会触发表单的onsubmit()事件的  
    -->  
        <input type="button" id="bb1" value="onCliCk_onsubmit" onCliCk="doCument.forms[0].onsubmit()">  
      
    <!--会触发fun()参数-->  
    </form>