二、用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>