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

實例

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

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

瀏覽器支援

##IE

Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支援onsubmit

屬性。

定義和用法

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

onsubmit 屬性只在

中使用。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<form onsubmit="script">

屬性值

#值描述scriptonsubmit 發生時執行的腳本。 在日常的開發中，往往在表單被提交之前需要加上驗證（驗證日期格式是否正確，驗證某個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中文網其他相關文章！