submit方法與onsubmit事件

2021-08-26 22:18:54 字數 1312 閱讀 1950

一.form的submit方法是否會觸發onsubmit事件?

測試**如下:

結果是,我們不會看到'check'的彈出框,所以結論是:

submit()方法不會觸發onsubmit事件。

二.

如何阻止表單的提交

經常我們的提交表單前都會用js對表單內容作驗證,如果有問題,則不希望提單表單。那麼,如果阻止表單提交呢?

取決於你用什麼方式給表單加入onsubmit事件。

1.

dom0方式繫結

用這種方式繫結

onsubmit

事件,表單能否提交取決於

onsubmit

函式的返回值。

false時,表單不會提交。

2.

用dom2方式繫結(

addeventlistener

看下面這段**:

你會發現,ie

下,可以正常阻止表單提單,但ff及chrome下

表單正常提

交了...

原因:ecmascriptlanguagebinding

寫明:

addeventlistener(type,listener,usecapture)

thelistenerparameterisaeventlistenerobject.

objecteventlistener:thisisanecmascriptfunctionreference.thismethodhasnoreturnvalue.theparameterisaeventobject.

可見,listener是沒有返回值的(寫了也不會認),因此我們的check函式的返回值是不起作用的。

解決方式:

三.

如何用**觸發onsumbit

這也取決於你用何種方式繫結onsubmit事件 1.

dom0方式繫結(參見二.1)

這時直接呼叫onsumit方法即可,根據onsubmit()的返回值決定是否觸發submit。

2.

dom2方式繫結(參見二.2)

button與submit的區別

宣告 button 普通按鈕,submit 提交按鈕。submit是button的乙個特例,也是button的一種,它把提交這個動作自動整合了,submit和button,二者都以按鈕的形式展現,看起來都是按鈕,所不同的是type屬性和處發響應的事件上。使用場景 這裡說的部分使用場景,並不是只能用一...

關於button與submit的區別

最近我在表單中使用了button標籤,我的本意並不是想要提交表單,但是很奇怪,我明明只是用了button,並沒有建立submit啊,查閱資料之後,原來是這樣的,這是w3school裡的原話 如果在 html 表單中使用 button 元素,不同的瀏覽器會提交不同的值。internet explore...

HTML中,按鈕button與submit區別

button 普通按鈕,submit 提交按鈕 submit按鈕一般出現在網頁上需要提交資訊到伺服器是才使用,而button按鈕是建立乙個按鈕,對於實現按鈕將會發生什麼事這個不一定,考頁面編輯人員決定,例如在同一天網頁表單上,使用者輸入時可能輸入錯誤或是偏差,則可以在網頁上建立乙個button 清除...