1. 程式人生 > >表單的提交onsubmit事件

表單的提交onsubmit事件

-s 方法 style ont pre scrip orm 調用 inpu

看代碼 留個記錄

<script>
   function func(){
       alert(‘false‘);
	   return false;
   }
</script>
<div>
    <form onsubmit="alert(23);return false;">
	    <input type="text" name="zhang"/>
		<!--會觸發onsubmit 事件 不會繼續提交-->
		<input type="submit" value="提交1" />
		<!--會觸發onsubmit 事件 會繼續提交-->
		<input type="submit" value="提交2" onclick="this.form.submit();"/>
		<!--會觸發onsubmit 事件 不會繼續提交-->
		<input type="submit" value="提交3" onclick="this.form.onsubmit();"/>
        <!--先運行函數func 再出發onsubmit 事件 不會繼續提交-->
		<input type="submit" value="提交4" onclick="func();"/>
	</form>
</div>

this.form.submit();   //繞過onsubmit事件驗證直接提交表單
this.form.onsubmit(); //調用form的onsubmit方法後提交表單


表單的提交onsubmit事件