表单被提交时发生时会触发 onsubmit 事件。点击 submit 提交按钮后,onsubmit 事件是先于表单提交发生的,因此可以利用 onsubmit 事件执行一些代码,如表单内容检测等。
下面的例子演示了,在提交表单时,弹出消息确认框进行确认,如果点击否,就不提交表单:
<html> <head> <script type="text/javascript"> function checkSubmit(){ if ( confirm("确认提交表单吗?")){ var your_name = testform.your_name.value; if( your_name == "" ){ alert("请填写您的名字!"); testform.your_name.focus(); return false; } alert("您好" + your_name + "!"); } else { return false; } } </script> </head> <body> <form name="testform" onsubmit="return checkSubmit();"> <p> 您的名字:<input type="text" name="your_name" /> <input type="submit" value=" 提交 " /> </p> </form> </body> </html>
您可以在下面试试本例子效果: