表单提交(二)——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>

原文地址:https://www.cnblogs.com/xjinza/p/3906849.html