form onsubmit

一、html文件

<span style="white-space:pre">	</span><form action="1.jsp" method="get" onsubmit="return formSub()">
		<label>姓名：</label><input type="text" name="name" value="hello world"><br>
		<input type="submit" value="提交" onclick="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;