js判断密码长度提示内容显示案例教程

JavaScript判断密码长度提示内容显示案例教程

js判断密码长度提示内容显示案例教程

1.     <input type="password" id="pwd">
   
2.     <span>请输入6-16字符长度的密码</span>
   
3.     <script>
   
4.         var ipt = document.querySelector('input');
   
5.         var span = document.querySelector('span');
   
6.         ipt.onfocus = function() {
   
7.             if (this.value.length > 16) {
   
8.                 span.innerHTML = '密码长度太长了';
   
9.             }
   
10.         }
    
11.         ipt.onblur = function() {
    
12.             if (this.value.length < 6 || this.value.length > 16) {
    
13.                 span.innerHTML = '密码长度不对';
    
14.             }
    
15.         }
    
16.     </script>

复制代码

ipt.onfocus 这个得到焦点方法可要可不要根据自己需要。