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:




創作者介紹
創作者 easonyo 的頭像
easonyo

wEb 亂講

easonyo 發表在 痞客邦 留言(0) 人氣()