关于JS实现用户登录验证(部分代码简写)

    上个星期上课时,吴亮老师说,用JS实现下验证,因回家耽误了4天,现在把写好的代码Pia上来~~~

function getFocus()  //设置用户名文本框获取焦点
{
    document.getElementById("txtusername").focus();
}
 
function checkname()  //检查用户名
{
    var myname=document.getElementById("txtusername").value;    //获取用户名文本框的值
    var myDivname=document.getElementById("username");         //定义用户名文本框的提示
    if(myname=="")
    {
        myDivname.innerHTML="用户名不能为空!";
        return false;
    }
    for(var i=0;i<myname.length;i++)
    {
        var text=myname.charAt(i);
        if(!(text<=9&&text>=0)&&!(text>='a'&&text<='z')&&!(text>='A'&&text<='Z')&&text!="_")
        {
         myDivname.innerHTML="用户名只能是数字、字母、下划线组成!";
         break;
        }
    }
    if(i>=myname.length)
    {
        myDivname.innerHTML="√";
        return true;
    }
}
 
function checkpassword()     //检查密码
{
  var mypassword=document.getElementById("txtpassword").value;   //获取密码文本框的值
  var mydivpassword=document.getElementById("password");      //获取密码文本框的提示
  if(mypassword=="")
  {
    mydivpassword.innerHTML="密码不能为空";
    return false;
  }else if(mypassword.length<6){
    mydivpassword.innerHTML="密码至少为6位";
    return false;
  }else{
    mydivpassword.innerHTML="√";
    return true;
  }
}

var code="";    //全局定义验证码
//创建验证码
……
function checkcode()   //检查验证码
{
  var inputCode = document.getElementById("/*验证码文本框的class*/").value  //取得验证码的值
  if(inputCode.length <= 0)
  {
    //若输入验证码长度为0
    alert("请输入验证码");  //弹出提示框
  }else if(inputCode !=code){
    //若输入的验证码与产生的验证码不一致
    alert("验证码输入错误!");
    creatCode();   //调用创建验证码函数,刷新验证码
    document.getElementById("/*验证码文本框的class*/").value="";   //清空文本框
  }else{
    alert("输入正确~");   //弹出提示框,我个人认为这个地方可以直接调转进入下一页
  }
}
 
function checkall()  //检查所有
{
    if(checkname()&&checkuserpassword()&&checkcode())
    {
        return true;
    }
    return false;
}

猜你喜欢

转载自blog.csdn.net/ansheng02/article/details/78581333