Dreamweaver檢查表單行爲

本教程爲你們介紹一下Dreamweaver檢查表單行爲,使用「檢查表單」行爲能夠爲表單中各元素設置有效性規則。ui

  1、Dreamweaver檢查表單行爲設計

  1. 在文檔中插入表單和文本域。3d

  2. 重複第1步添加其它文本域。blog

  3. 選擇驗證方法:教程

  若是要在用戶填寫表單時分別驗證各個文本域,請選擇一個文本域。事件

  若是要在用戶提交表單時驗證多個文本域,請點擊「文檔」窗口左下角標籤選擇器中的標籤。若是沒有標籤,首先在文檔的「設計」窗口中,點擊窗口內的紅色虛線框,以選擇表單,而後再在左下角選擇便可。文檔

  4. 打開行爲面板。it

  5. 點擊「添加行爲(+)」按鈕,在彈出的下拉菜單中選擇「檢查表單」命令,以下圖所示:test

Dreamweaver檢查表單行爲

  6. 打開「檢查表單」對話框,以下圖所示:require

  7. 執行下列步驟之一:


  若是隻驗證單個域,請從「域」列表中選擇和在「文檔」窗口中選擇的一樣名稱的域。

  若是要驗證多個域,請從「域」列表中選擇某個文本域。

  8. 若是該域必須包含某種數據,請在「值」中選擇「必需的」項。

  9. 在「可接受」項中選擇下列選項:

  任何東西:檢查該域中必須包含有數據,可是數據類型不限。

  數字:檢查該域中是否只包含數字字符。

  電子郵件地址:檢查該域中是否包含一個@符號。

  數字從:檢查該域中是否包含指定範圍內的數字。在後面的文本框中輸入數值。

  10. 若是須要驗證多個域,請在「檢查表單」對話框的「域」中選擇另外須要驗證的域,而後重複第8步和第9步。

  11. 單擊「肯定」按鈕。

  若是是在用戶提交表單時驗證多個域,則onSubmit事件將自動出如今「事件」菜單中。

  若是是驗證單個域,則要檢查默認的事件是不是onBlur或onChange事件。若是不是,請從「事件」下拉菜單中選擇onBlur或onChange事件。

  onBlur或onChange事件都用於在用戶從該域中移走時觸發「檢查表單」行爲。區別在於:onBlur事件不管用戶是否在該域中輸入內容都會發生,而onChange事件只在用戶改變了域中的內容時纔會發生。

  所以,當指定的域必需要填寫內容時最好使用onBlur事件。

  2、更改Dreamweaver中默認檢查表單的提示信息

  下面將Dreamweaver中檢查表單時出現的英文提示信息改成中文提示信息。

  1. 將文本域中的name和id項改成合適的中文名字。

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

相關文章
相關標籤/搜索