js注册检测 用户名、密码、手机号、邮箱

请输入电话号码：<input name="" type="text" id="telphone" value=""/><br />
请输入邮箱地址：<input name="" type="text" id="mail" value="" /><br />
请第一次输入密码：<input name="" type="text" id="mima1" value="" /><br />
请第二次输入密码：<input name="" type="text" id="mima2" value="" /><br />
检测密码是否合法：<input name="" type="text" id="secury_mima" value="" /><br />
<input name="" type="button" onclick="check();" value="开始检测" />
<br />
<br />
<br />
<div style="background:#000" id="checktel"></div>
<div style="background:#000" id="checkmail"></div>
<div style="background:#000" id="checkrepsw"></div>
<div style="background:#000" id="checkpsw"></div>
<div style="background:#000" id="checkusr"></div>

</body>
<script>
var xmlHttp;                                        //这个不解释
var checkpsw;                                  //全局变量，用来密码相同检测
function CreateXmlHttp(){
 if (window.ActiveXObject) {
  xmlHttp= new ActiveXObject('Microsoft.XMLHTTP');
 }
 else if(window.XMLHttpRequest){
  xmlHttp= new XMLHttpRequest();
 }
}

//检测用户名是否合法
function check_usr(obj){
 var objvalue = obj.value;
 var b=/^[a-zA-Z\d]\w{2,10}[a-zA-Z\d]$/;
 if (!b.test(objvalue)) {
  document.getElementByIdx_x('checkusr').innerHTML ="<font color='#ff0000'>用户名非法!</font>";
  return false;
 }
 else {
  CreateXmlHttp();
  xmlHttp.open("GET", "../account/check.php?id=" + objvalue, true);
  xmlHttp.onreadystatechange = checkback;
  xmlHttp.send(null);
 }
}

function checkback(){
 var backvalue = null;
 if(xmlHttp.readyState==1)
 {document.getElementByIdx_x('checkusr').innerHTML ="<font color='#ff0000'>检测中...</font>";}
 if (xmlHttp.responseText == 1) {                                                                   //check.php 没注册返回1，注册返回2
  backvalue = "<font color='#00c72e'>可以使用！</font>";
 }else {
  backvalue="<font color='#ff0000'>抱歉，已经被注册啦！</font>";
 }
 if (xmlHttp.readyState == 4) {
  document.getElementByIdx_x('checkusr').innerHTML = backvalue;
 }
}


//判断密码输入是否合法，一个是长度，一个是没有特殊字符
function check_psw(obj){
 checkpsw=obj.value;
 if(checkpsw.length > 5 && checkpsw.length<21){
  document.getElementByIdx_x("checkpsw").innerHTML = "<font color='#00c72e'>密码可以使用!</font>";
   }else {
  document.getElementByIdx_x("checkpsw").innerHTML="<font color='#ff0000'>密码不符合长度要求!</font>";
 }
  var b=/^[a-zA-Z\d]\w{2,10}[a-zA-Z\d]$/;
 if (!b.test(checkpsw)) {
  document.getElementByIdx_x('checkusr').innerHTML ="<font color='#ff0000'>密码有非法字符!</font>";
  return false;
 }else {
  document.getElementByIdx_x("checkusr").innerHTML="<font color='#ff0000'>密码设置符合要求</font>";
 }

}

//判断两次密码输入是否一致
function check_repsw(obj1,obj2){
 var objvalue1=obj1.value;
 var objvalue2=obj2.value;
 
 if(objvalue1==objvalue2){
  document.getElementByIdx_x("checkrepsw").innerHTML="<font color='#00c72e'>两次输入密码一致！</font>";
 }else {
  document.getElementByIdx_x("checkrepsw").innerHTML="<font color='#ff0000'>两次输入的密码不一样!</font>";
 }
 }

 
//判断手机号码格式是否合法
function check_tel(obj){
 var objvalue=obj.value;
 var regx=/^(?:13\d|15\d|18[123456789])-?\d{5}(\d{3}|\*{3})$/;
 if(regx.test(objvalue)){
  document.getElementByIdx_x("checktel").innerHTML="<font color='#00c72e'>手机号码输入正确！</font>";
 }else{
  document.getElementByIdx_x("checktel").innerHTML="<font color='#ff0000'>请输入正确的手机号!</font>";
 }
}

 
//判断邮箱地址格式是否合法
function check_mail(obj){
 var strm=obj.value;
 var regm = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;//验证Mail的正则表达式,^[a-zA-Z0-9_-]:开头必须为字母,下划线,数字,
 if (!strm.match(regm))
 {
  document.getElementByIdx_x("checkmail").innerHTML="<font color='#ff0000'>邮箱地址格式错误或含有非法字符!</font>";
 } else{
  document.getElementByIdx_x("checkmail").innerHTML="<font color='#00c72e'>邮箱地址输入正确！</font>";
 }
}


//点击按钮启动检测
function check(){
telphone = document.getElementByIdx_x("telphone");
mail = document.getElementByIdx_x("mail");
mima1 = document.getElementByIdx_x("mima1");
mima2 = document.getElementByIdx_x("mima2");
secury_mima = document.getElementByIdx_x("secury_mima");

check_tel(telphone);//检测电话
check_mail(mail);//检测邮箱
check_repsw(mima1,mima2);//检测两次密码是否一致
check_psw(secury_mima);//检测密码是否合法
}
</script>