<!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>
账号是否可用判断
最新推荐文章于 2023-12-26 03:39:04 发布