html在提交表單時觸發的事件屬性onsubmit

實例

當提交表單時執行一段 JavaScript：

<form action="demo_form.asp" onsubmit="checkForm()">

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支持 onsubmit 屬性。

定義和用法

onsubmit 屬性在提交表單時觸發。

onsubmit 屬性只在 <form> 中使用。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<form onsubmit="script">

屬性值

在日常的開發中，往往在表單被提交之前需要加上驗證（驗證日期格式是否正確，驗證某個input是否為空…），首先想到的就是 onsubmit事件，在一個submit類型按鈕點擊時，首先觸發的就是form的onsubmit()事件。這時，我們就可以寫上自己的驗證。代碼如下：

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘執行了onsubmit事件’);return true;”>   
               <input type="submit" name="save" value="保存" />   
</form>

但是如果我們直接調用form的submit()事件，卻不會執行onsubmit()，代碼如下：

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘執行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.submit();” />   
</form>

我們如果想調用form的onsubmit事件只能通過調用，只有這樣，才能執行這個事件:

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘執行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.onsubmit();” />   
</form>

以上就是html在提交表單時觸發的事件屬性onsubmit的詳細內容，更多請關注php中文網其它相關文章！