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>