資訊專欄INFORMATION COLUMN
摘要：提交表單需要綁定事件才能提交表單數(shù)據(jù)局部刷新不可以使用，在觸發(fā)事件的同時會提交表單。方法不加會自動提交，并不會起到約束的作用，所以，使用時需要驗證請加或。用戶名不能為空跳轉(zhuǎn)的頁面提交
button-普通按鈕，submit-提交按鈕。
submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現(xiàn),看起來都是按鈕，所不同的是type屬性和處發(fā)響應(yīng)的事件上。
這里說的部分使用場景，并不是只能用一種，只是說，在這種場景下使用更加方便，程序員工作量小。
用表格對比一下：
| 場景 | button | submit |
|---|---|---|
| 網(wǎng)頁上需要提交信息到服務(wù)器 | √ | |
| 網(wǎng)頁上執(zhí)行一個普通的事件，如重置、清空功能。 | √ | |
| 提交表單 | 需要綁定事件才能提交表單數(shù)據(jù) | √ |
| 局部刷新 | √ | 不可以使用，在觸發(fā)事件的同時會提交表單。 |
| 沒有表單，卻要提交數(shù)據(jù) | 而button默認(rèn)是不提交任何數(shù)據(jù)。可以綁定事件的方式來提交數(shù)據(jù)。 | submit需要有表單時，提交時才會帶數(shù)據(jù)。當(dāng)然使用submit也可以，但是前提要攔截onclick事件。 |
| 表單數(shù)據(jù)太多的時候 | 需要寫很多數(shù)據(jù)的獲取動作 | 推薦 |
| 提交數(shù)據(jù)是要使用JS進(jìn)行校驗的，但如果這時候用戶禁用了JS，那么校驗就失效了，如果后臺也沒有進(jìn)行校驗，那么不合法的數(shù)據(jù)就進(jìn)入后臺了。 | 推薦：通過button提交數(shù)據(jù)，那么如果用戶禁用JS,那么數(shù)據(jù)提交動作就激活不了 | 不推薦 |
1、上面的場景中，表單在點擊提交按鈕后需要用JS進(jìn)行處理（包括輸入驗證）后再提交的話，通常我們提倡用button，如果需要使用submit提交前驗證的話 應(yīng)在方法前加return。onClick方法不加return 會自動提交，并不會起到約束的作用， 所以，使用submit時需要驗證請加 return true或false。
如一個登陸模塊，先驗證用戶名是否為空，如果為空，SUBMIT點擊時永遠(yuǎn)提交不到from表單指定頁面。只能是表單形式發(fā)送噢！而且不能再表單指定的頁面中去驗證傳進(jìn)來的值。
function check(){
var name = document.getElementById("name").value;
if(name == null || name == ""){
alert("用戶名不能為空");
return false;
}
return true;
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/53527.html
摘要：提交表單需要綁定事件才能提交表單數(shù)據(jù)局部刷新不可以使用，在觸發(fā)事件的同時會提交表單。方法不加會自動提交，并不會起到約束的作用，所以，使用時需要驗證請加或。用戶名不能為空跳轉(zhuǎn)的頁面提交 button-普通按鈕，submit-提交按鈕。 submit是button的一個特例，也是button的一種，它把提交這個動作自動集成了，submit和button,二者都以按鈕的形式展現(xiàn),看起來都是...
摘要：通過使用或者從中導(dǎo)入文件使得模塊被編譯成為可能。模塊一次只運行一個文件，這樣可以避免全局上下文的污染。下面讓我們用重構(gòu)這些這些代碼這是一個進(jìn)化版，但是我們僅僅只達(dá)到了一部分目標(biāo)。 原文：http://glenmaddern.com/articl...譯者：@公子 如果你想知道 CSS 最近發(fā)展的轉(zhuǎn)折點，你應(yīng)該選擇去觀看 Christopher Chedeau 在2014年11月的 N...
摘要：表單如果表單內(nèi)沒有按鈕，只有元素，那么這個可以升級為按鈕。輸入框選中高亮，輸入非數(shù)字，改變顏色可設(shè)置，不能設(shè)置而則可以，但不能設(shè)置最大字符數(shù)。 form 表單 如果form表單內(nèi)沒有submit按鈕，只有button元素，那么這個button可以升級為submit按鈕。 form 表單用來向服務(wù)器提交信息，常用屬性 action：提交表單的地址 name：頁面中可能不止一個表單，...
閱讀 1120·2023-04-26 02:46
閱讀 624·2023-04-25 19:38
閱讀 639·2021-10-14 09:42
閱讀 1234·2021-09-08 09:36
閱讀 1354·2019-08-30 15:44
閱讀 1319·2019-08-29 17:23
閱讀 2237·2019-08-29 15:27
閱讀 801·2019-08-29 14:15
