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