JavaScript註冊校驗

 

<script Language="JavaScript">

 

function formCheck() {

  if (document.forms[0].userName.value==""){

alert("請填寫您的用戶名!");

document.forms[0].userName.focus();

return false;

}

 

var filter=/^s*[A-Za-z0-9]{6,20}s*$/;

if (!filter.test(document.forms[0].userName.value)){

alert("用戶名填寫不正確,請重新填寫!可使用的字符為(A-Z a-z 0-9)長度不小於6個字符,不超過20個字符,註意不要使用空格。");

document.forms[0].userName.focus();

document.forms[0].userName.select();

return false;

}

if (document.forms[0].password.value=="") {

alert("請填寫您的密碼!");

document.forms[0].password.focus();

return false;

}

var filter=/^s*[A-Za-z0-9]{6,20}s*$/;

if (!filter.test(document.forms[0].password.value)){

alert("密碼填寫不正確,請重新填寫!可使用的字符為(A-Z a-z 0-9 )長度不小於6個字符,不超過20個字符,註意不要使用空格。");

document.forms[0].password.focus();

document.forms[0].password.select();

return false;

}

if (document.forms[0].pwd.value==""){

alert("請輸入您的確認密碼!");

document.forms[0].pwd.focus();

return false;

}

if (document.forms[0].password.value!=document.forms[0].pwd.value){

alert("兩次填寫的密碼不一致,請重新填寫!");

document.forms[0].password.focus();

document.forms[0].password.select();

return false;

}

if (document.forms[0].name.value==""){

alert("請填寫您的真實姓名!");

document.forms[0].name.focus();

return false;

}

var patrn=/^[\u0391-\uFFE5]{2,4}$/; //正規表達式的判斷是否是中文

if (!patrn.test(document.forms[0].name.value)){

alert("請輸入真實姓名,2-4個漢字!");

document.forms[0].name.focus();

document.forms[0].name.select();

return false;

}

if (document.forms[0].age.value==""){

alert("請輸入您的年齡!");

document.forms[0].age.focus();

return false;

}

var number=/^[0-9]{1,3}$/;

if (!number.test(document.forms[0].age.value)){

alert("請輸入您的年齡(必須為數字)!");

document.forms[0].age.focus();

return false;

}

if (document.forms[0].stature.value==""){

alert("請填寫您的身高!");

document.forms[0].stature.focus();

return false;

}

var stature=/^[0-9]{1,3}$/;

if (!stature.test(document.forms[0].stature.value)){

alert("請輸入您的身高(必須為數字)!");

document.forms[0].stature.focus();

return false;

}

if (document.forms[0].tel.value==""){

alert("請填寫您的聯系電話!");

document.forms[0].tel.focus();

return false;

}

var tel =/(^([0][1-9]{2,3}[-])?\d{3,8}(-\d{1,6})?$)|(^\([0][1-9]{2,3}\)\d{3,8}(\(\d{1,6}\))?$)|(^\d{3,8}$)|(^[1][3][0-9]{9}$)|(^0[1][3][0-9]{9}$)/;  

if (!tel.test(document.forms[0].tel.value)) {

alert("請輸入正確的電話號碼(手機號碼)!");

return false;

}

if(document.forms[0].mail.value==""){

alert("請輸入您的E-Mail!");

document.forms[0].mail.focus();

return false;

}

var mail = /^([-_A-Za-z0-9\.]+)@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;

if(!mail.test(document.forms[0].mail.value)){

alert("E-mail格式不正確,請重新填寫!");

document.forms[0].mail.focus();

document.forms[0].mail.select();

return false;

}

if(document.forms[0].school.value==""){

alert("請輸入您的學校!");

document.forms[0].school.focus();

return false;

}

var school=/^[\u0391-\uFFE5]{1,20}$/;

if (!school.test(document.forms[0].school.value)){

alert("請輸入您的學校(必須為漢字)!");

document.forms[0].school.focus();

document.forms[0].school.select();

return false;

}

return true;

}

</script>

 

 

提交表單:

<form action="#" method="post" onsubmit="return formCheck()">

 

註意:

document.forms[0].userName.value中的forms[0]就是你此網頁中的第一個form表單,依次類推;userName就是你輸入文本框的名字(<input type="text" name="userName" value="">);

You May Also Like