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>