二、用input type="button"方式提交表单
该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。所以可以在onclick事件里面进行表单校验。
如果换成jquery方式,$("#myForm").submit()会调用onsubmit事件。
<!DOCTYPE html> <html> <head> <script type="text/javascript"> function formSubmit() { // return false; 可以在这里进行表单校验。 document.getElementById("myForm").submit(); //该方法提交表单的方式与用户单击 Submit 按钮一样,但是表单的 onsubmit 事件句柄不会被调用。 //换成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>
表单提交(二)
时间: 2024-11-06 09:49:19