html在提交表單時(shí)觸發(fā)的事件屬性onsubmit

實(shí)例

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

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

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

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

定義和用法

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

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

HTML 4.01 與 HTML5 之間的差異

無。

語法

<form onsubmit="script">

屬性值

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

<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()事件，卻不會(huì)執(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í)行這個(gè)事件:

<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在提交表單時(shí)觸發(fā)的事件屬性onsubmit的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！