一旦你開始了HTML表單的運行,你通常需要確保填寫所有重要的字段。例如,如果你打算發送電子郵件確認函,那麼電子郵件地址應該包含在表單域中,它應該是一個有效的電子郵件地址。
有兩種方法來驗證你的表單:
- 使用JavaScript
- 使用CGI腳本
使用JavaScript驗證表單的優點
- 使用JavaScript,您不使用任何服務器處理器時間。 所有的處理都在客戶端計算機上完成。
- 它通常看起來比CGI驗證工作得更快。
- 由於表單頁面沒有改變,讀者很容易修復錯誤。
使用JavaScript驗證表單的缺點
- JavaScript只適用於啟用它的瀏覽器。 如果JavaScript被禁用,您的錯誤檢查沒有完成。
使用CGI驗證表單的優點
- 使用CGI進行驗證可確保每次提交表單時驗證都會運行。
使用CGI驗證表單的缺點
- CGI給Web服務器增加了更多負擔,並且CGI中包含的每個功能都是服務器的又一項任務。
- CGI可能運行緩慢。
- 如果發生錯誤,客戶必須返回到表單的第一頁,或者CGI需要另一個功能來重寫表單頁面。
我處理這個問題的方式是使用JavaScript完成大部分錯誤檢查。 這樣,讀者就可以快速,方便地閱讀。
然後我用CGI重新檢查表單的重要元素。
如何使用JavaScript來驗證HTML表單
創建表單驗證的基本前提是查找所需的表單元素的名稱,如果它們為空,則顯示錯誤消息。
大多數錯誤檢查程序一次檢查一個字段,並一次顯示一個錯誤。
這可以使填寫表單乏味,人們可能會停在中間。 如果您使用以下腳本和Perl源代碼,您將會知道如何一次性驗證整個表單,並顯示一系列錯誤消息,然後您的讀者可以返回並修復。
用於驗證表單的JavaScript
在HTML的頭部,你應該創建一個腳本來完成表單驗證:
- 設置腳本,並確保它不能處理JavaScript的瀏覽器隱藏。