實施範例24

24.在表單中提供客戶端驗證和警告

這項技巧目的是透過客戶端的腳本以驗證用戶在表單上所輸入的資料。當發現錯誤時,系統會顯示一個文字對話框,說明相關錯誤性質。而當用戶關閉對話框後,腳本程序可以把鍵盤焦點移到錯誤欄位以協助用戶重新輸入資料。

範例:

以下的腳本會檢查填寫在表單上的日期格式。

範例代碼:

<label for="date">日期:</label>
<input type="text" name="date" id="date"
onchange="if(isNaN(Date.parse(this.value)))
alert('日期不正確,
請重新輸入。');" />