JavaScript. 表單驗(yàn)證
JS 錯(cuò)誤
DOM 簡介
JavaScript. 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證,
JavaScript 表單驗(yàn)證、 Email 驗(yàn)證
。JavaScript. 表單驗(yàn)證
JavaScript. 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。
被 JavaScript. 驗(yàn)證的這些典型的表單數(shù)據(jù)有:
用戶是否已填寫表單中的必填項(xiàng)目?
用戶輸入的郵件地址是否合法?
用戶是否已輸入合法的日期?
用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本?
必填(或必選)項(xiàng)目
下面的函數(shù)用來檢查用戶是否已填寫表單中的必填(或必選)項(xiàng)目。假如必填或必選項(xiàng)為空,那么警告框會彈出,并且函數(shù)的返回值為 false,否則函數(shù)的返回值則為 true(意味著數(shù)據(jù)沒有問題):
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
下面是連同 HTML 表單的代碼:
Email:
E-mail 驗(yàn)證
下面的函數(shù)檢查輸入的數(shù)據(jù)是否符合電子郵件地址的基本語法,
電腦資料
《JavaScript 表單驗(yàn)證、 Email 驗(yàn)證》(http://www.szmdbiao.com)。意思就是說,輸入的數(shù)據(jù)必須包含 @ 符號和點(diǎn)號(.)。同時(shí),@ 不可以是郵件地址的首字符,并且 @ 之后需有至少一個(gè)點(diǎn)號:
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 表單的完整代碼:
Email:
完成一個(gè)較為完整的用戶注冊頁面。
1:要求用戶輸入用戶名時(shí)只能夠輸入英文、數(shù)字和下劃線
2:要求用戶輸入的密碼和確認(rèn)密碼必須一致
3:要求用戶上傳本地磁盤中的一個(gè)圖片文件作為頭像
4:要求用戶輸入驗(yàn)證郵箱,通過javascript代碼驗(yàn)證郵箱格式是否正確
5:要求頁面實(shí)現(xiàn)驗(yàn)證碼功能,點(diǎn)擊“注冊”按鈕后,無論是否完成注冊,驗(yàn)證碼都能夠自動刷新
Email: