| <!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="请输入正确格式"; | |
| } | |
| // switch(str){ | |
| // case arr2[0]: | |
| // tDiv[0].innerHTML="请输入正确格式"; | |
| // break; | |
| // case arr[0]: | |
| // tDiv[0].innerHTML="格式正确"; | |
| // break; | |
| // default: | |
| // tDiv[0].innerHTML="请输入正确格式" | |
| // } | |
| } |
账号注册的判断
猜你喜欢
转载自blog.csdn.net/weixin_42413689/article/details/80848767
今日推荐
周排行