用script、div验证用户名,密码方法

来源:互联网 发布:2017网络新名词有哪些 编辑:程序博客网 时间:2024/06/05 07:36

<!--script部分-->

<script language = "javascript">

//编写获取相应的元素id

function $(gElementId){

 return document.getElementById(gElementId);

}

<!--验证会员名-->

function checkuser(username){

var  reg= /^[A-Za-z]+$/; //定义一个变量让其为字母标准化

if(username.value==""){

alert("请输入会员名");

username.focus();

return false;

}else if(username.value.length<6){

alert("会员名长度不能小于6位");

username.focus();

return false;

}else if(!reg.test(username.value.charAt(0))){//判断用户名第一个字符是否为字母

alert("会员名必须以字母开头");

username.focus();

return false;

}

}

<!--密码验证-->

function checkpwd(pwd){

var infpwd = $("fpwd");//调用第一个function方法得到div里id

if(pwd.value==""){

infpwd.className="font_error"   //提示信息字体样式

infpwd.innerHTML="请输入密码!"

return false;

}

if(pwd.value.length<6){

infpwd.className="font_error"

infpwd.innerHTML="请输入不小于6位的密码"

return flase;

}

infpwd.className="font_error"

infpwd.innerHTML="你填写的密码是合法的"

}

function checkrpwd(pwd,rpwd){

var infrepwd = $("frepeatpwd");

if(rpwd.value==""){

infrepwd.className="font_error"

infrepwd.innerHTMl="请输入确认密码"

return false;

}

if(pwd.value!=rpwd.value){
infrepwd.className="font_error"
infrepwd.innerHTML="两次输入的密码不一致,请重新输入!"
return false;
}
            infrepwd.className = "font_true";
    infrepwd.innerHTML = "请牢记您输入的密码!";
    return true;

}



</script>


<!--bady部分-->

    <TR>

    <TD>会&nbsp;员&nbsp;名:</TD>

    <TD><INPUT name="username" type="text"></TD>
    <TD><INPUT name="check2" type="button" value="检测"  onClick="checkuser(username)"> &nbsp;&nbsp;会员       名须以字母开头,至少6位</TD>

    </TR>


  <TR>

    <TD>密&nbsp;&nbsp;&nbsp;&nbsp;码:</TD>

    <TD><INPUT name="psw" type="password"  onBlur="checkpwd(psw)"></TD>
    <TD><DIV id="fpwd">密码设置至少6位</DIV></TD>

  </TR>


  <TR>
    <TD>重复密码:</TD>
    <TD><INPUT name="repeatpsw" type="password" onBlur="checkrpwd(psw,repeatpsw)"></TD>

    <TD><DIV id="frepeatpwd"></DIV></TD></TR>

原创粉丝点击