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