wEb 亂講

JavaScript 能在網頁資料傳送至網路伺器之前，在HTML的格式裏先驗證輸入的資料

JavaScript 形式驗證

能被 JavaScript 檢查的鍵入的形式資料可能是：

• 使用者是否在要求的資料欄裏留下空白?
• 使用者是否鍵入有效的 e-mail ?
• 使用者是否鍵入有效的日期?
• 使用者是否在數字區域裏鍵入文字?

需求區域

下列的 function 會檢查是否要求的區域留下空白。如果區域是空白的話，就會跳出一個小的提示視窗，也不會傳回其值。若區域內的值已鍵入，則 function會將值傳回伺服器。

function validate_required(field,alerttxt)

{

with (field)

{

if (value==null||value=="")

  {alert(alerttxt);return false}

else {return true}

}

}

整個網頁的HTML的原始檔大概如下所示：

onsubmit="return validate_form(this)">

Email: 

 

E-mail 驗證

下列的 function 會檢查所要求 email的語法是否錯誤.

它表示所輸入的資料至少要包括 @ 符號及逗點 (.) 。同樣的 @ 符號不能放在所輸入 email 的第一個字元。, 且在 @ 符號後的最後一個逗點最少要置於一個字元之前。

function validate_email(field,alerttxt)

{

with (field)

{

apos=value.indexOf("@")

dotpos=value.lastIndexOf(".")

if (apos<1||dotpos-apos<2) 

  {alert(alerttxt);return false}

else {return true}

}

}

整個 HTML 的原始碼如下：

onsubmit="return validate_form(this)">

Email: