一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JavaScript DOM學(xué)習(xí)第六章 表單實(shí)例

表單實(shí)例
這是一個(gè)表單的實(shí)力。這里有一個(gè)小問(wèn)題:因?yàn)槲业?a href=/yuedu/fuwuqi/ target=_blank class=infotextkey>服務(wù)器現(xiàn)在不支持,所以表單不能提交。我會(huì)打印出你的輸入,然后返回一個(gè)false,這樣表單就沒(méi)有被提交。
onSubmit的代碼做了兩件事情:檢查你是否在四個(gè)文本框里面都填寫了數(shù)據(jù),然后把所有的元素都連接起來(lái)打印在下面的文本區(qū)域中。
原文中有實(shí)例,需要童鞋請(qǐng)移步,我就不搬過(guò)來(lái)了。
檢測(cè)文本區(qū)域
這段代碼會(huì)檢測(cè)用戶是否在文本框內(nèi)輸入了內(nèi)容。他會(huì)忽略復(fù)選框和單選框,但是會(huì)總提醒用戶選擇select box,就算你選了,也會(huì)提醒,因?yàn)樗闹悼偸莕ull。所以最好在你只是用來(lái)檢測(cè)文本段的時(shí)候使用這段代碼。
復(fù)制代碼 代碼如下:
function checkscript() {
    for (i=0;i<4;i++) {
        box = document.example.elements[i];
        if (!box.value) {
            alert('You haven/'t filled in ' + box.name + '!');
            box.focus()
            return false;
        }
    }
    return true;
}

在這個(gè)例子中,我想檢查0--3號(hào)元素,所以我設(shè)置一個(gè)變量i。你會(huì)注意到,我使用的是數(shù)字而不是使用name。這個(gè)就是數(shù)字好過(guò)name的一個(gè)例子。
復(fù)制代碼 代碼如下: for (i=0;i<4;i++) {
然后我創(chuàng)建一個(gè)變量box,用來(lái)訪問(wèn)當(dāng)前元素。如果不創(chuàng)建的話,我就需要把document.example.elements[i]寫上好幾遍,我可懶得寫。
復(fù)制代碼 代碼如下: box = document.example.elements[i];
如果這個(gè)文本框的值為空,那么我們就需要做:
復(fù)制代碼 代碼如下: if (!box.value) {
首先我們使用文本框的name,如果你的命名比較明白,那么用戶也會(huì)比較好理解是哪個(gè)文本框除了問(wèn)題。
復(fù)制代碼 代碼如下: alert('You haven/'t filled in ' + box.name + '!');
作為一個(gè)附加服務(wù),我們把焦點(diǎn)放置在有問(wèn)題的文本框上,這樣用戶就能夠馬上填寫了。因?yàn)樗械臑g覽器都支持,所以也不需要做檢測(cè):
復(fù)制代碼 代碼如下: box.focus()
然后我們返回一個(gè)false。代碼停止運(yùn)行,表單也不會(huì)提交。等待用戶輸入。
復(fù)制代碼 代碼如下: return false;
如果所有的文本框都填寫了,返回true,以表示一切正常。函數(shù)停止,表單提交。
復(fù)制代碼 代碼如下:
}
}
return true;

翻譯地址:http://www.quirksmode.org/js/formex.html
轉(zhuǎn)載請(qǐng)保留以下信息
作者:北玉(tw:@rehawk)

JavaScript技術(shù)JavaScript DOM學(xué)習(xí)第六章 表單實(shí)例,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 九九久久99综合一区二区 | 亚洲第一区二区快射影院 | 一区二区三区四区精品 | 国产自在线拍 | 看免费5xxaaa毛片 | 最新精品在线视频 | 一区精品麻豆经典 | 色老板最新网站视频地址 | 日本高清色www网站色 | 99视频精品在线 | 蜜桃视频成a人v在线 | 永久黄网站色视频免费观看 | 国产精品久久久久影视青草 | 九九国产在线 | 国产人成激情视频在线观看 | 一区二区在线观看视频在线 | 日本欧美一区二区三区不卡视频 | 69热视频在线观看免费自拍 | 久久久久久久久免费影院 | 久久亚洲成a人片 | 免费91视频 | 日产欧产va高清 | 亚洲日韩中文字幕 | 伊人婷婷涩六月丁香七月 | 精品视频免费看 | 免费小视频网站 | 中文在线第一页 | 免费国产视频 | 国产精品自在自线免费观看 | 成人在线免费观看视频 | 丁香在线视频 | www.毛片网站 | 蜜桃福利视频 | 国产第一页在线播放 | 成人精品在线视频 | 美女网站视频黄色 | 亚洲视频一区在线 | 成人怡红院 | 综合亚洲一区二区三区 | 日韩精品一区二区三区视频网 | 日日嗷|