zoukankan      html  css  js  c++  java
  • 表单提交(二)——type=“button”

    二、用input type="button"方式提交表单

    该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。
    所以可以在onclick事件里面进行表单校验。
    如果换成jquery方式,$("#myForm").submit()会调用onsubmit事件。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script type="text/javascript"> function formSubmit() { // return false; 可以在这里进行表单校验。 document.getElementById("myForm").submit(); //该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。
                //onsubmit="return false;"可以用于阻止enter键提交表单。
           //换成jquery方式,比如$("#myForm").submit()会调用onsubmit事件。
    } </script> </head> <body> <form id="myForm" action="http://www.baidu.com" method="get" onsubmit="return false;"> 姓名:<input type="text" name="name" size="20"><br /> <input type="button" onclick="formSubmit()" value="提交"> </form> </body> </html>
    
    
  • 相关阅读:
    【AGC010E】Rearranging(博弈,图论,拓扑排序)
    【ARC074F】Lotus Leaves(最小割)
    【ARC069F】Flags(2-SAT,Tarjan,线段树优化建图)
    [CTS 2019] 氪金手游
    HDU
    LOJ
    LOJ
    [TJOI 2015] 概率论
    [AGC 018F] Two Trees
    LOJ
  • 原文地址:https://www.cnblogs.com/xjinza/p/3906849.html
Copyright © 2011-2022 走看看