JavaScript DOM學習第六章表單實例

2019-11-21 00:44:20

字體：大中小

來源：轉載

供稿：網友

表單實例
這是一個表單的實力。這里有一個小問題：因為我的服務器現在不支持，所以表單不能提交。我會打印出你的輸入，然后返回一個false，這樣表單就沒有被提交。
onSubmit的代碼做了兩件事情：檢查你是否在四個文本框里面都填寫了數據，然后把所有的元素都連接起來打印在下面的文本區域中。
原文中有實例，需要童鞋請移步，我就不搬過來了。
檢測文本區域
這段代碼會檢測用戶是否在文本框內輸入了內容。他會忽略復選框和單選框，但是會總提醒用戶選擇select box，就算你選了，也會提醒，因為他的值總是null。所以最好在你只是用來檢測文本段的時候使用這段代碼。

復制代碼代碼如下:

 
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; 
} 

在這個例子中，我想檢查0--3號元素，所以我設置一個變量i。你會注意到，我使用的是數字而不是使用name。這個就是數字好過name的一個例子。

復制代碼代碼如下:

for (i=0;i<4;i++) {

然后我創建一個變量box，用來訪問當前元素。如果不創建的話，我就需要把document.example.elements[i]寫上好幾遍，我可懶得寫。

復制代碼代碼如下:

box = document.example.elements[i];

如果這個文本框的值為空，那么我們就需要做：

復制代碼代碼如下:

if (!box.value) {

首先我們使用文本框的name，如果你的命名比較明白，那么用戶也會比較好理解是哪個文本框除了問題。

復制代碼代碼如下:

alert('You haven/'t filled in ' + box.name + '!');