實例

當提交表單時執(zhí)行一段 JavaScript：

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

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

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

定義和用法

onsubmit 屬性在提交表單時觸發(fā)。

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

HTML 4.01 與 HTML5 之間的差異

無。

語法

<form onsubmit="script">

屬性值

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

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

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

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

我們?nèi)绻�想調(diào)用form的onsubmit事件只能通過調(diào)用，只有這樣，才能執(zhí)行這個事件:

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

以上就是html在提交表單時觸發(fā)的事件屬性onsubmit的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！