js注册事件密码框格式提示错误信息

描述 用户如果离开密码框，里面输入个数不是6~16，则提示错误信息，否则提示输入正确信息
分析
① 首先判断的事件是表单失去焦点 onblur
② 如果输入正确则提示正确的信息颜色为绿色小图标变化
③ 如果输入不是6到16位，则提示错误信息颜色为红色 小图标变化
④ 因为里面变化样式较多，我们采取className修改样式

<script>
        // 1.获取元素       
        var ipt = document.querySelector('.ipt');       
        var message = document.querySelector('.message');       
         //2. 注册事件 失去焦点       
         ipt.onblur = function() {           
               // 根据表单里面值的长度 ipt.value.length          
              if (this.value.length < 6 || this.value.length > 16) {              
                   // console.log('错误');             
                   message.className = 'message wrong';  
                   message.innerHTML = '您输入的位数不对要求6~16位';           
                    } else {              
                   message.className = 'message right'; 
                   message.innerHTML = '您输入的正确';         
                   }       
         }
 </script>