账号是否可用判断

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .text{
            width: 300px;
            height: 50px;
            float: left;
        }
        .idea{
            width: 300px;
            height: 52px;
            float: left;
            border: 1px solid ;
            margin-left: 10px;
            text-align: center;
            color: #cccccc;
            font-size: 15px ;
        }
        .input{
            width: 300px;
            height: 50px;
        }
.div3{
    width: 300px;
    height: 52px;
    float: left;
    border: 1px solid ;
    margin-left: 10px;
    text-align: center;
    color: #cccccc;
    font-size: 15px ;
}
    </style>
</head>
<body>
<div class="text">
    <input type="text" placeholder="请输入用户名" class="input">
</div>
<div class="idea">
    设置后不可更改,中英文均可,最长14个英文或7个汉字
</div>
<div class="div3"></div>
<script>
var oDiv=document.getElementsByClassName("text");
    tDiv=document.getElementsByClassName("idea");
    oDiv[0].onmouseout=function () {
        var conTent=document.getElementsByClassName("input");
        var div3=document.getElementsByClassName("div3");
        var str=conTent[0].value;
        div3[0].innerHTML=str;
        var reg=/\w{1,14}/;
        var reg2=/^\d{1,14}$/;
        var reg3=/[\u4e00-\u9fa5]{1,7}/;
       var  rrr=str.replace(/[\u4e00-\u9fa5]/g,"ii");
        var arr=rrr.match(reg);
        var arr2=str.match(reg2);
        var arr3=str.match(reg3);
        console.log(rrr);
        if(rrr==arr&&rrr!=arr2){
            tDiv[0].innerHTML="格式正确";
        }
        else{
            tDiv[0].innerHTML="请输入正确格式";
        }
    }
</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值