表單的驗證是開發WEB應用程式中常遇到的一關。有時候我們必須保證表單的某些項目必須填寫、必須為數字、必須是指定的位數等等,這時候就要用到表單驗證了,一般我們常用的表單驗證有2種方式:
1、編寫JavaScript或VBScript的表單驗證函數,在客戶端進行驗證;
2、在表單提交後,使用ASP的方法Request.Form取得表單的輸入值進行判斷,然後傳回結果,這是在服務端進行驗證;
這2種方式都有其優缺點,例如第1種方式速度比較快,而且通常使用警告框的方式,用戶能夠很快的根據提示完成表單的填寫,但是缺點就是用戶的瀏覽器必須是支援JavaScript腳本的,再不然如果他關閉了JavaScript,那就!@#$%&^*(小田已經倒在地上了^_^);而第2種方式的兼容性比較好,但是缺點是速度比較慢(提交到服務端,在返回)而且使用也不方便。這次主要是用JavaScript的方法來驗證,當然,如果同時用2種方式來驗證是最保險了,不過(汗…………)要累死我們這些程式設計師了:)
上面解釋了表單驗證的2中方式,以下就具體來講講動態生成JavaScript的概念。為什麼要動態生成呢?因為這種客戶端的驗證程式碼是很煩瑣的,如果每次都要自己寫真是累啊!用慣DW(Dreamweaver)或UD的朋友可能通常使用表單驗證的插件,使用後產生的程式碼也沒有藝術感,而且很多是用不到的(程式碼冗餘)。小田要說的是,產生完全符合表單情況的程式碼。
聲明:小田對JavaScript並不精通,這裡只是想談談動態生成的方法,JS的高手完全可以自己改。
那麼我們開始嘍。
1、我們先來看看一段簡單的JavaScript的驗證程式碼: