Dreamweaver檢查表單行為
若水221147由 分享
時(shí)間:
本教程為大家介紹一下Dreamweaver檢查表單行為,使用“檢查表單”行為可以為表單中各元素設(shè)置有效性規(guī)則。
一、Dreamweaver檢查表單行為
1. 在文檔中插入表單和文本域。
2. 重復(fù)第1步添加其它文本域。
3. 選擇驗(yàn)證方法:
如果要在用戶填寫表單時(shí)分別驗(yàn)證各個(gè)文本域,請(qǐng)選擇一個(gè)文本域。
如果要在用戶提交表單時(shí)驗(yàn)證多個(gè)文本域,請(qǐng)點(diǎn)擊“文檔”窗口左下角標(biāo)簽選擇器中的標(biāo)簽。如果沒有標(biāo)簽,首先在文檔的“設(shè)計(jì)”窗口中,點(diǎn)擊窗口內(nèi)的紅色虛線框,以選擇表單,然后再在左下角選擇即可。
4. 打開行為面板。
5. 點(diǎn)擊“添加行為(+)”按鈕,在彈出的下拉菜單中選擇“檢查表單”命令,如下圖所示:

6. 打開“檢查表單”對(duì)話框,如下圖所示:

7. 執(zhí)行下列步驟之一:
如果只驗(yàn)證單個(gè)域,請(qǐng)從“域”列表中選擇和在“文檔”窗口中選擇的同樣名稱的域。
如果要驗(yàn)證多個(gè)域,請(qǐng)從“域”列表中選擇某個(gè)文本域。
8. 如果該域必須包含某種數(shù)據(jù),請(qǐng)?jiān)凇爸怠敝羞x擇“必需的”項(xiàng)。
9. 在“可接受”項(xiàng)中選擇下列選項(xiàng):
任何東西:檢查該域中必須包含有數(shù)據(jù),但是數(shù)據(jù)類型不限。
數(shù)字:檢查該域中是否只包含數(shù)字字符。
電子郵件地址:檢查該域中是否包含一個(gè)@符號(hào)。
數(shù)字從:檢查該域中是否包含指定范圍內(nèi)的數(shù)字。在后面的文本框中輸入數(shù)值。
10. 如果需要驗(yàn)證多個(gè)域,請(qǐng)?jiān)凇皺z查表單”對(duì)話框的“域”中選擇另外需要驗(yàn)證的域,然后重復(fù)第8步和第9步。
11. 單擊“確定”按鈕。
如果是在用戶提交表單時(shí)驗(yàn)證多個(gè)域,則onSubmit事件將自動(dòng)出現(xiàn)在“事件”菜單中。
如果是驗(yàn)證單個(gè)域,則要檢查默認(rèn)的事件是否是onBlur或onChange事件。如果不是,請(qǐng)從“事件”下拉菜單中選擇onBlur或onChange事件。
onBlur或onChange事件都用于在用戶從該域中移走時(shí)觸發(fā)“檢查表單”行為。區(qū)別在于:onBlur事件無(wú)論用戶是否在該域中輸入內(nèi)容都會(huì)發(fā)生,而onChange事件只在用戶改變了域中的內(nèi)容時(shí)才會(huì)發(fā)生。
因此,當(dāng)指定的域必須要填寫內(nèi)容時(shí)最好使用onBlur事件。
二、更改Dreamweaver中默認(rèn)檢查表單的提示信息
下面將Dreamweaver中檢查表單時(shí)出現(xiàn)的英文提示信息改為中文提示信息。
1. 將文本域中的name和id項(xiàng)改為合適的中文名字。
2. 將“is required”修改為“不能為空”或其它信息。
例
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" is required. "; }
改為
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" 不能為空。 "; }
3. 將“The following error(s) occurred:”修改為“提示”或其它信息。
例
} if (errors) alert("The following error(s) occurred: "+errors);
改為
} if (errors) alert("提示: "+errors);
一、Dreamweaver檢查表單行為
1. 在文檔中插入表單和文本域。
2. 重復(fù)第1步添加其它文本域。
3. 選擇驗(yàn)證方法:
如果要在用戶填寫表單時(shí)分別驗(yàn)證各個(gè)文本域,請(qǐng)選擇一個(gè)文本域。
如果要在用戶提交表單時(shí)驗(yàn)證多個(gè)文本域,請(qǐng)點(diǎn)擊“文檔”窗口左下角標(biāo)簽選擇器中的標(biāo)簽。如果沒有標(biāo)簽,首先在文檔的“設(shè)計(jì)”窗口中,點(diǎn)擊窗口內(nèi)的紅色虛線框,以選擇表單,然后再在左下角選擇即可。
4. 打開行為面板。
5. 點(diǎn)擊“添加行為(+)”按鈕,在彈出的下拉菜單中選擇“檢查表單”命令,如下圖所示:

6. 打開“檢查表單”對(duì)話框,如下圖所示:

7. 執(zhí)行下列步驟之一:
如果只驗(yàn)證單個(gè)域,請(qǐng)從“域”列表中選擇和在“文檔”窗口中選擇的同樣名稱的域。
如果要驗(yàn)證多個(gè)域,請(qǐng)從“域”列表中選擇某個(gè)文本域。
8. 如果該域必須包含某種數(shù)據(jù),請(qǐng)?jiān)凇爸怠敝羞x擇“必需的”項(xiàng)。
9. 在“可接受”項(xiàng)中選擇下列選項(xiàng):
任何東西:檢查該域中必須包含有數(shù)據(jù),但是數(shù)據(jù)類型不限。
數(shù)字:檢查該域中是否只包含數(shù)字字符。
電子郵件地址:檢查該域中是否包含一個(gè)@符號(hào)。
數(shù)字從:檢查該域中是否包含指定范圍內(nèi)的數(shù)字。在后面的文本框中輸入數(shù)值。
10. 如果需要驗(yàn)證多個(gè)域,請(qǐng)?jiān)凇皺z查表單”對(duì)話框的“域”中選擇另外需要驗(yàn)證的域,然后重復(fù)第8步和第9步。
11. 單擊“確定”按鈕。
如果是在用戶提交表單時(shí)驗(yàn)證多個(gè)域,則onSubmit事件將自動(dòng)出現(xiàn)在“事件”菜單中。
如果是驗(yàn)證單個(gè)域,則要檢查默認(rèn)的事件是否是onBlur或onChange事件。如果不是,請(qǐng)從“事件”下拉菜單中選擇onBlur或onChange事件。
onBlur或onChange事件都用于在用戶從該域中移走時(shí)觸發(fā)“檢查表單”行為。區(qū)別在于:onBlur事件無(wú)論用戶是否在該域中輸入內(nèi)容都會(huì)發(fā)生,而onChange事件只在用戶改變了域中的內(nèi)容時(shí)才會(huì)發(fā)生。
因此,當(dāng)指定的域必須要填寫內(nèi)容時(shí)最好使用onBlur事件。
二、更改Dreamweaver中默認(rèn)檢查表單的提示信息
下面將Dreamweaver中檢查表單時(shí)出現(xiàn)的英文提示信息改為中文提示信息。
1. 將文本域中的name和id項(xiàng)改為合適的中文名字。
2. 將“is required”修改為“不能為空”或其它信息。
例
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" is required. "; }
改為
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" 不能為空。 "; }
3. 將“The following error(s) occurred:”修改為“提示”或其它信息。
例
} if (errors) alert("The following error(s) occurred: "+errors);
改為
} if (errors) alert("提示: "+errors);