form onsubmit

一、html文件

<span style="white-space:pre">	</span><form action="1.jsp" method="get" οnsubmit="return formSub()">
		<label>姓名：</label><input type="text" name="name" value="hello world"><br>
		<input type="submit" value="提交" οnclick="return btnSub()">
	</form>

	<script type="text/javascript">
		function formSub(){
			console.log("form的onsubmit事件");
			return confirm("form submit 表單提交是否繼續？");
		}
		
		function btnSub(){
			console.log("type=submit的onclick事件");
			return confirm("submit button 提交按鈕點擊是否繼續？");
		}
	</script>

二、說明

（1）type=submit的onclick 事件  和  form的 onsubmit事件都發生在 提交表單前

  （2） 事件   return Function() 的時候，如果方法 return false  停止，return true 繼續提交表單，事件沒有return ，執行完事件方法，直接提交表單

（3）onclick  和 onsubmit   都存在，先執行 onclick

（4）form 的onsubmit 可以不在表單寫，

可以先定義function  test(){  }，再  document.forms[0].onsubmit = test;