一个即时表单验证的javascript代码 时间:2020-05-12 人气:0 可爱吧--教你做可爱女人--化妆 美容 美化 瘦身 护肤--深圳可爱吧 <script language="javascript"> // 此脚本由刘海民编写 // 网站:http://www.szrgb.net // 邮箱:lovelium@gmail.com var num=5; var mon1=0; var mon2=0; var mon3=0; var mon4=0; var mon5=0; //封装得到对像ID涵数 function getObj(objName){return(document.getElementById(objName));} //input得到焦点效果 function showare(id){ for(var i=1;i<=num;i++){ if(i==id) { getObj("sps"+i).className="reg2"; } else{ if(i==num || i==(id-1)){ getObj("sps"+i).className="reg1"; } else{ getObj("sps"+i).className="reg1"; } } } } //过滤 function RTrim(str) { var whitespace=new String(" \t\n\r"); var s=new String(str); if (whitespace.indexOf(s.charAt(s.length-1))!=-1) { var i=s.length-1; while (i>=0 && whitespace.indexOf(s.charAt(i))!=-1) { i--; } s=s.substring(0,i+1); } return s; } //过滤 function LTrim(str) { var whitespace=new String(" \t\n\r"); var s=new String(str); if (whitespace.indexOf(s.charAt(0))!=-1) { var j=0, i = s.length; while (j=sLength)||(s.charAt(i)!="@")) return false; else i+=2; //找到'.'的位置 while((i=sLength-1)||(s.charAt(i)!=".")) return false; else return true; } //用户名检测 function checkloginname() { if (getObj("input1").value=="" || Trim(getObj("input1").value)=="") { getObj("sps1").innerHTML="请输入注册用户名!"; mon1=0; getObj("checkuserme").disabled=true; allok(); return false; }else{ if (Trim(getObj("input1").value).indexOf(" ")>=0) { getObj("sps1").innerHTML="注册用户名中不能包含空格!"; mon1=0; getObj("checkuserme").disabled=true; allok(); return false; }else{ if (Trim(getObj("input1").value).length<3) { getObj("sps1").innerHTML="注册用户名不能少于3个字符!"; mon1=0; getObj("checkuserme").disabled=true; allok(); return false; }else{ if (Trim(getObj("input1").value).length>20) { getObj("sps1").innerHTML="注册用户名不能超过20个字符!"; mon1=0; getObj("checkuserme").disabled=true; allok(); return false; }else{ getObj("sps1").innerHTML="用户名OK啦!但为了更好的注册希望您可以验证一下是否可用此用户名。很简单,点一下现在按钮就行啦!"; mon1=1; getObj("checkuserme").disabled=false; allok(); return false; } } } } } //输入密码检测 function checkpassword() { if (getObj("input2").value=="" || Trim(getObj("input2").value)=="") { getObj("sps2").innerHTML="请输入注册密码!"; mon2=0; allok(); return false; }else{ if (Trim(getObj("input2").value).indexOf(" ")>=0) { getObj("sps2").innerHTML="密码中不能包含空格!"; mon2=0; allok(); return false; }else{ if (Trim(getObj("input2").value).length<4) { getObj("sps2").innerHTML="密码不能少于4个字符!"; mon2=0; allok(); return false; }else{ if (Trim(getObj("input2").value).length>20) { getObj("sps2").innerHTML="密码不能超过20个字符!"; mon2=0; allok(); return false; }else{ getObj("sps2").innerHTML="密码设置OK啦!"; mon2=1; allok(); return false; } } } } } //重复输入密码检测 function checkreturnpass() { if (getObj("input3").value=="" || Trim(getObj("input3").value)=="") { getObj("sps3").innerHTML="请确认密码!"; mon3=0; allok(); return false; }else{ if(getObj("input2").value!=getObj("input3").value) { getObj("sps3").innerHTML="您两次输入的密码不相符!" mon3=0; allok(); return false; }else{ getObj("sps3").innerHTML="您两次输入的密码十分相符!" mon3=1; allok(); return false; } } } //邮箱检测 function checkmyemail() { if (getObj("input4").value=="" || Trim(getObj("input4").value)=="") { getObj("sps4").innerHTML="请正确输入您的E-Mail地址!" mon4=0; allok(); return false; }else{ if(!isemail(getObj("input4").value)) { getObj("sps4").innerHTML="您输入的E-Mail地址无效!" mon4=0; allok(); return false; }else{ getObj("sps4").innerHTML="您输入的E-Mail地址OK啦!" mon4=1; allok(); return false; } } } //同意按钮检测 function chekme1(){ mon5=1; allok(); return false; } function chekme2(){ mon5=0; allok(); return false; } //全部检测(选部分检测) function checkall(){ if (getObj("input1").value=="" || Trim(getObj("input1").value)=="") { getObj("sps1").innerHTML="请输入注册用户名!"; mon1=0; allok(); return false; } if (getObj("input2").value=="" || Trim(getObj("input2").value)=="") { getObj("sps2").innerHTML="请输入注册密码!"; mon2=0; allok(); return false; } if (getObj("input3").value=="" || Trim(getObj("input3").value)=="") { getObj("sps3").innerHTML="请确认密码!"; mon3=0; allok(); return false; } if (getObj("input3").value!=getObj("input2").value) { getObj("sps3").innerHTML="请确认密码正确!"; mon3=0; allok(); return false; } if (getObj("input4").value=="" || Trim(getObj("input4").value)=="") { getObj("sps4").innerHTML="请正确输入您的E-Mail地址!" mon4=0; allok(); return false; } } //重要,AJAX检测检证码 function GetResultjishu() { var maxid1; var oBao1 = false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { oBao1 = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { oBao1 = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { oBao1 = false; } } @end @*/ if (!oBao1 && typeof XMLHttpRequest != 'undefined') { oBao1 = new XMLHttpRequest(); } oBao1.open("POST","readseion.asp",false); oBao1.setRequestHeader("Content-Type","application/x-www-form-urlencoded") oBao1.send(); //服务器端处理返回的是经过escape编码的字符串. maxid1 = unescape(oBao1.responseText); getObj("mycode").innerHTML=maxid1; /https://img.qb5200.com/download-x/document.getElementById("showf").innerHTML=maxid1; } //检测验证码 function checkcode(){ GetResultjishu(); if (getObj("yanzheng").value=="" || Trim(getObj("yanzheng").value)=="") { getObj("sps5").innerHTML="请正确输入验证码!" return false; }else{ if (getObj("mycode").innerHTML==Trim(getObj("yanzheng").value)) { getObj("sps5").innerHTML="验证码正确啦!" }else { getObj("sps5").innerHTML="请正确输入验证码!" return false; } } } //用户名检测 function myuser(){ var pageId=getObj("input1").value; /* *--------------- GetResult() ----------------- * GetResult() * 功能:通过XMLHTTP发送请求,返回结果. *--------------- GetResult() ----------------- */ /* Create a new XMLHttpRequest object to talk to the Web server */ var oBao = false; /*@cc_on @*/ /*@if (@_jscript_version >= 5) try { oBao = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { oBao = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { oBao = false; } } @end @*/ if (!oBao && typeof XMLHttpRequest != 'undefined') { oBao = new XMLHttpRequest(); } //特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的. //Update:2004-6-1 12:22 var userInfoo = "pageid="+pageId; oBao.open("POST","checkuser.asp",false); oBao.setRequestHeader("Content-Type","application/x-www-form-urlencoded") oBao.send(userInfoo); //服务器端处理返回的是经过escape编码的字符串. var strResult = unescape(oBao.responseText); //将字符串分开. if (strResult==getObj("input1").value){ getObj("sps1").innerHTML="不行啦,有重名啦Q!"; mon1=0; allok(); return false; }else{ getObj("sps1").innerHTML="用户名OK啦!可以进行下步啦!"; mon1=1; allok(); return false; } } //修改验证码 function changecode(){ myc.location.href="tocod.asp"; } //发送扭钮状态检测 function allok(){ if (mon1==1&&mon2==1&&mon3==1&&mon4==1&&mon5==1){ getObj("Submit").disabled=false; }else{ getObj("Submit").disabled=true; } } //复位 function resetall(){ for(var i=1;i<=4;i++){ getObj("input"+i).value=""; } getObj("yanzheng").value=""; getObj("acctiveme").checked=false; getObj("sps1").className="reg1"; getObj("sps1").innerHTML="3~20个合法字符(包括大小写字母、数字、下划线、中文),一旦注册成功用户名不能修改。"; getObj("sps2").className="reg1"; getObj("sps2").innerHTML="密码区分大小写,4~20个合法字符组成,请尽量使用英文字母加数字或符号的组合密码。"; getObj("sps3").className="reg1"; getObj("sps3").innerHTML="请再输入一遍您上面输入的密码。"; getObj("sps4").className="reg1"; getObj("sps4").innerHTML="E-mail非常重要!这是我们与您联系的首选方式,以及接收我们的服务和取回密码的途径,请务必填写真实,并确认是您最常用的电子邮件。"; getObj("sps5").className="reg1"; getObj("sps5").innerHTML="请输入您的验证码!"; getObj("checkuserme").disabled=true; mon1=0; mon2=0; mon3=0; mon4=0; mon5=0; allok(); } //有趣的功能,刷新页面时调用些涵数 function chefirst(){ if (getObj("input1").value!="" || getObj("input2").value!="" || getObj("input3").value!="" || getObj("input4").value!="" || getObj("yanzheng").value!=""){ checkloginname(); checkpassword(); checkreturnpass(); checkmyemail(); checkcode(); return false; }else{ return false; } } </script> 女人沙龙注册步骤-注册社区ID >> 进入社区 注册登陆名: 3~20个合法字符(包括大小写字母、数字、下划线、中文),一旦注册成功用户名不能修改。 接受相关协议: 接受 不接受 相关协议 注册密码: 密码区分大小写,4~20个合法字符组成,请尽量使用英文字母加数字或符号的组合密码。 重复密码: 请再输入一遍您上面输入的密码。 电子邮件: E-mail非常重要!这是我们与您联系的首选方式,以及接收我们的服务和取回密码的途径,请务必填写真实,并确认是您最常用的电子邮件。 验 证 码: 请输入您的验证码!d [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容 相关教程 无相关信息 猜你喜欢 用户评论