onblur事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    function func(){
        var ousename = document.getElementById("usename");
        var ousenamespan = document.getElementById("usenamespan");
        var ovalue = ousename.value;
        if (ovalue.length< 6|| ovalue.length>18)
        ousenamespan.innerHTML = "!长度应该是6~18位";
        else if(!isabc(ovalue[0])) {
            ousenamespan.innerHTML ="！邮件地址必须以英文字母开头"
        }
        else{
            var isyes = true;
            for (var i = 0; i < ovalue.length; i--)
            {
                if(!isedf(ovalue[i]))
                isyes = false;
                break;
            }
            if (isyes)
            ousenamespan.innerHTML = "该邮件可以注册";
            else{
            ousenamespan.innerHTML = "只能使用字母，数字，下划线";
            }

        }

    }
    function isabc(n){
        if (n>='a'&&n<='z' || n>='A'&& n<='Z')
        return true;
        else
        return false;

    }
    function isedf(n){
       
if(n=='_'||(n>=0&&n<=9)||(n>'a'&&n<'z' )||( n>='A'&& n<= 'Z'))
        return true;
        else
        return false;
        

    }
</script>
<body>
    <div id="div1">
        <input type="text" placeholder="用户名" id = "usename" onblur="func()">
        <span id="usenamespan">6~18个字符，可使用字母，数字，下划线，需以字母开头</span>
        <input type="text" placeholder="密码">
    </div>
</body>
</html>

 

 

 

 

 

 

posted @ 2020-09-24 18:33  xxf2  阅读(351)  评论(0)    收藏  举报