请老师帮忙检查一下代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单验证</title> </head> <body> <div class="box"> *用户  名： <input type="text" placeholder="用户名设置成功后不可修改" id="nameinp"> 6-30位字母、数字或_,字母开头 </div> <div class="box enter"> *登入密码： <input type="password" placeholder='6-20位字母或数字' id="passinp"> 6-20位字母或数字 </div> <div class="box"> *确认密码： <input type="password" placeholder='再次输入您的登入密码' id="yeinp"> </div> <div class="box1"> <button id="button">注册</button> </div> </body> </html> 

<style> .box {  height: 50px; } .box input {  width: 220px;  height: 30px; border-radius: 5px;  border: 1px solid #ccc; } .box b {  color: red; } .box1 {  margin-top: 60px;  margin-left: 160px; } .box1 button {  width: 230px;  height: 40px;  background-color: orange;  color: white;  text-align: center;  line-height: 40px;  font-size: 18px;  border: none; border-radius: 5px; } .box .asxd {  color: rgba(255, 166, 0, 0.795);  margin-left: 15px; } .box .tishi {  font-size: 12px;  color: red;  margin-left: 100px;  display: none; } .enter {  width: 600px;  position: relative; } .enter .box2 {  display: inline-block;  width: 50px;  height: 7px;  background-color: #ccc;  margin-left: 10px; } </style> 

<script>  var nameinp = document.getElementById('nameinp');  var asxd = document.getElementById('asxd');  var passinp = document.getElementById('passinp')  var yeinp = document.getElementById('yeinp')  var tishi = document.getElementById('tishi')  var redbox = document.getElementById('redbox')  var yellowbox = document.getElementById('yellowbox')  var greenbox = document.getElementById('greenbox')  var tishi1 = document.getElementById('tishi1')  var button= document.getElementById('button') 

// 用户名离开事件<br>        nameinp.onblur = function () {<br>            var xinxi = nameinp.value;<br>            if (/^[a-zA-Z]\w{5,29}$/.test(xinxi)) {<br>                asxd.innerText = '用户名输入正确'<br>                asxd.style.color = 'green';<br>            } else {<br>                asxd.innerText = '6-30位字母、数字或_,字母开头'<br>                asxd.style.color = 'red';<br>            }<br>        }<br>        // 登入密码事件<br>        passinp.onblur = function () {<br>            yellowbox.style.backgroundColor = '#ccc';<br>            redbox.style.backgroundColor = '#ccc';<br>            greenbox.style.backgroundColor = '#ccc';<br>            tishi.style.display = 'none';<br>            var xinxi = passinp.value;<br>            if (/^[a-zA-Z0-9]{6,20}$/.test(xinxi)) {<br>                if (/^[0-9]+$|^[a-z]+$|^[A-Z]+$/.test(xinxi)) {<br>                    redbox.style.backgroundColor = 'red';<br>                } else if (/^[a-z0-9]+$|^[A-Z0-9]+$|^[a-zA-Z]+$/.test(xinxi)) {<br>                    yellowbox.style.backgroundColor = 'yellow';<br>                    redbox.style.backgroundColor = 'red';<br>                } else if (/^[a-z0-9A-Z]+$/.test(xinxi)) {<br>                    yellowbox.style.backgroundColor = 'yellow';<br>                    redbox.style.backgroundColor = 'red';<br>                    greenbox.style.backgroundColor = 'green';<br>                }<br><br>            } else {<br>                tishi.style.display = 'inline';<br>            }<br><br>        }<br>        // 密码确认框<br>        yeinp.onblur = function () {<br>            var xinxi = yeinp.value;<br>            if (xinxi) {<br>                if (passinp.value == xinxi) {<br>                    tishi1.innerText = '两次输入一致';<br>                    tishi1.style.color = 'green';<br>                } else {<br>                    tishi1.innerText = '两次密码输入不一致，请重新输入';<br>                    tishi1.style.color = 'red';<br>                }<br>            } else {<br>                tishi1.innerText = '输入框不能为空';<br>                tishi1.style.color = 'red';<br>            }<br>        }<br>        button.onclick=function(){<br>            if(/^[a-zA-Z]\w{5,29}$/.test(nameinp.value)&&passinp.value == yeinp.value){<br>                alert('信息填写正确');<br>            }else{<br>                alert('请填写信息正确');<br>            }<br>        }<br>    </script><br>

激情的樱木花道 2021-06-27

源自：正则表达式 2-25 项目作业