關(guān)于表單提交，做法有很多中，根據(jù)具體需求，做出不同的反應(yīng)吧。我們知道，對(duì)于表單提交，正常直接action中寫(xiě)url，點(diǎn)擊submit按鈕就可以提交了。下面我們就把form表單提交方式總結(jié)一下，來(lái)幫助大家一起理解。

form表單提交——form表單提交方式

一、利用submit按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊submit按鈕時(shí)，觸發(fā)onclick事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

二、利用button按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊button按鈕時(shí)，觸發(fā)onclick事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址，由于button按鈕不具備自動(dòng)提交的功能，所以由JavaScript實(shí)現(xiàn)提交。

三、利用submit按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊submit按鈕時(shí)，先觸發(fā)onsubmit事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

form表單的file文件上傳那些事

客戶(hù)端直接訪(fǎng)問(wèn)用戶(hù)計(jì)算機(jī)的文件,2000以前,在表單添加了<inputtype=”file”>字段.

fileAPI是為給web開(kāi)發(fā)提供安全的方式,以便在客戶(hù)端更好訪(fǎng)問(wèn)用戶(hù)的文件,字段的基礎(chǔ)上加

了一些直接訪(fǎng)問(wèn)文件信息的接口-files集合.與fileReader類(lèi)型讀取文件的數(shù)據(jù).

name:本地文件的名稱(chēng)

size:文件的字節(jié)大小

type:字符、文件的MIME類(lèi)型

lastModifiedDate:文件上次修改的時(shí)間(chrome實(shí)現(xiàn)了這屬性)

readAsText(file,encoding):以純文本的方式讀取文件.

readAsDataURL(file):讀取文件并以URL的形式保存在result屬性中.

readAsBinaryString(file):讀取文件并將一個(gè)字符串將保存在result屬性中,一個(gè)字符為一個(gè)字節(jié).

readAsArrayBuffer(file):讀取文件并將一個(gè)包含文件內(nèi)容的ArrayBuffer保存在

result屬性中.

(file-文件集合;encoding-編碼類(lèi)型)

由于數(shù)據(jù)是異步讀取.因此fileReader提供了幾種事件.

progress事件:每～50ms,便觸發(fā)一次.

error事件:但文件無(wú)法讀取就會(huì)觸發(fā),有個(gè)屬性error.code屬性.1表示未找到文件,2表示

安全性錯(cuò)誤,3表示讀取中斷,4表示文件不可讀,5表示編碼錯(cuò)誤.

load事件:觸發(fā)但文件完整讀取后.中斷了還會(huì)觸發(fā)abort事件,在load、error事件后還會(huì)觸發(fā)loadend事件.

網(wǎng)頁(yè)的form表單中，如果存在上傳文件的表單，則需要將form標(biāo)簽設(shè)置enctype=”multipart/form-data”屬性，意思是將Content-Type設(shè)置成multipart/form-data。如果大家還想了解更多與之有關(guān)的信息，歡迎關(guān)注我們文軍營(yíng)銷(xiāo)的官網(wǎng)。

推薦閱讀

target屬性 target屬性是什么 | 文軍營(yíng)銷(xiāo)(1)不提交表單形式的動(dòng)作(即不對(duì)form進(jìn)行操作的動(dòng)作)。web開(kāi)發(fā)中相關(guān)的情景比如:單個(gè)刪除某條記錄等,像這樣的操作都不是很復(fù)雜,需要的參數(shù)也不是很多,都是已get方式提交的。這時(shí)對(duì)于要跳轉(zhuǎn)的頁(yè)面的展現(xiàn)形式,您可以通過(guò)target屬性來(lái)指定。這里用法和1中介紹的一樣。 (2)以表單的形式提交的動(dòng)作(即要提交form中的...post請(qǐng)求 post請(qǐng)求是什么 | 文軍營(yíng)銷(xiāo)post是通過(guò)HTTPpost機(jī)制,將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTMLHEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶(hù)看不到這個(gè)過(guò)程。 3.對(duì)于get方式,服務(wù)器端用Request.QueryString獲取變量的值,對(duì)于post方式,服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。 4.get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認(rèn)...post請(qǐng)求 post請(qǐng)求是什么 | 文軍營(yíng)銷(xiāo)post是通過(guò)HTTPpost機(jī)制,將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTMLHEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶(hù)看不到這個(gè)過(guò)程。 3.對(duì)于get方式,服務(wù)器端用Request.QueryString獲取變量的值,對(duì)于post方式,服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。 4.get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認(rèn)...post請(qǐng)求 post請(qǐng)求是什么 | 文軍營(yíng)銷(xiāo)post是通過(guò)HTTPpost機(jī)制,將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTMLHEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶(hù)看不到這個(gè)過(guò)程。 3.對(duì)于get方式,服務(wù)器端用Request.QueryString獲取變量的值,對(duì)于post方式,服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。 4.get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認(rèn)...