零基礎(chǔ)學(xué)JavaScript表單對(duì)象

2、對(duì)象。document.forms[i]13.1.2表單對(duì)象的屬性Form對(duì)象的屬性大多與form元素的屬性相關(guān)。（具體內(nèi)容請(qǐng)參照書。）13.1.3表單對(duì)象的方法Form對(duì)象的方法并不多，只有reset()和submit()兩個(gè)方法，這兩個(gè)方法類似于單擊了重置按鈕和提交按鈕。（具體內(nèi)容請(qǐng)參照書。）13.1.4表單對(duì)象的事件Form對(duì)象的事件與Form對(duì)象的方法相似，也是和表單的提交與重置相關(guān)的。（具體內(nèi)容請(qǐng)參照書。）13.2表單對(duì)象的應(yīng)用利用Form對(duì)象的屬性、方法和事件可以現(xiàn)實(shí)很多動(dòng)態(tài)效果。本節(jié)里介紹幾個(gè)Form對(duì)象的應(yīng)用方法，希望可以起到拋磚引玉的作用。13.2.1表單驗(yàn)證在Form對(duì)象

3、中使用得比較多的就是表單驗(yàn)證。在填寫表單時(shí)，常常有些必選項(xiàng)是需要填寫的，因此，在提交表單時(shí)，可以先驗(yàn)證是不是所有的必選項(xiàng)都已經(jīng)填寫完畢，如果是的話則提交表單，否則取消提交表單，讓用戶繼續(xù)填寫。（具體內(nèi)容請(qǐng)參照書。）13.2.2循環(huán)驗(yàn)證表單在上面的例子中，通過元素名稱判斷每一個(gè)文本框是否輸入了文字，這種方法使用起來比較方便，源代碼看上去也比較直觀。然而，F(xiàn)orm對(duì)象的elements屬性可以返回所有表單中的元素，因此可以使用一個(gè)循環(huán)來判斷elements[]數(shù)組中對(duì)象的value屬性值的長(zhǎng)度是否為0來驗(yàn)證表單。（具體內(nèi)容請(qǐng)參照書。）13.2.3設(shè)置表單的提交方式在表單填寫完畢之后，可以將表單提

4、交到一個(gè)接收表單內(nèi)容的地方。通常的做法是，將表單提交到一個(gè)動(dòng)態(tài)網(wǎng)頁，動(dòng)態(tài)網(wǎng)頁接收到表單的內(nèi)容之后，將其寫入數(shù)據(jù)庫或以文本形式記錄在服務(wù)器，以便日后使用。而另一種做法是，將表單內(nèi)容作為Email的內(nèi)容發(fā)送到一個(gè)指定的郵箱中。下面的例子可以讓用戶自己選擇將表單以哪種方法提交。（具體內(nèi)容請(qǐng)參照書。）13.2.4重置表單的提示在默認(rèn)情況下，如果用戶單擊了重置表單按鈕，瀏覽器窗口就會(huì)馬上將表單中的所有元素的值設(shè)置為初始狀態(tài)。如果用戶一不小心單擊了該按鈕，則會(huì)清除所有已經(jīng)填寫完畢的數(shù)據(jù)。為了防止這種意外情況的出現(xiàn)，可以在單擊重置按鈕時(shí)，彈出一個(gè)確認(rèn)框，讓用戶確認(rèn)是否重置表單。（具體內(nèi)容請(qǐng)參照書。）13.

5、2.5不使用提交按鈕提交表單通常在表單中，都是使用單擊提交按鈕的方法來提交表單。然而，在Form對(duì)象中有一個(gè)submit()方法，使用該方法可以在不使用提交按鈕的情況下提交表單。（具體內(nèi)容請(qǐng)參照書。）13.3表單元素Form表單中可以存在很多表單元素，通常在瀏覽器窗口中，看不到Form元素，但是可以看到這些表單元素。13.3.1表單元素在HTML中定義的表單元素有很多，這些表單元素可以讓用戶輸入文字，如文本框、密碼框等；或者讓用戶選擇可選項(xiàng)，如下拉列表框、復(fù)選框等；也可以讓用戶提交信息或重置表單，如提交按鈕、重置按鈕等；甚至還可以為程序員提供開發(fā)上的便利，如隱藏框等。在HTML4.01中所規(guī)

6、定的表單元素如表13-4所示。（具體內(nèi)容請(qǐng)參照書。）13.3.2表單元素的命名在上一節(jié)中可以看出，標(biāo)簽與