密码框的明密文(显示和隐藏) 显示

做密码输入框经常使用点击显示密码功能,

  1. <input type="password" name="password" id="password" maxlength="15" required lay-verify="required" placeholder="密码为6-15位非纯数字" autocomplete="off" class="layui-input">
  2. <i id="passwordeye" class="icon iconfont icon-yincangmima"></i>

图标点击js:

  1. $('#passwordeye').click(switchPwd());
  2. function switchPwd() {
  3.     var passwordeye = $('#passwordeye');
  4.     var showPwd = $("#password");
  5.     passwordeye.off('click').on('click',function(){
  6.         if(passwordeye.hasClass('icon-yincangmima')){
  7.             passwordeye.removeClass('icon-yincangmima').addClass('icon-xianshimima');//密码可见
  8.             showPwd.prop('type','text');
  9.         }else{
  10.             passwordeye.removeClass('icon-xianshimima').addClass('icon-yincangmima');//密码不可见
  11.             showPwd.prop('type','password');
  12.         };
  13.     });
  14.  }

黄良钵

博客站长,前端开发工程师

发表评论

电子邮件地址不会被公开。 必填项已用*标注

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

密码框的明密文(显示和隐藏) 显示
返回顶部
网站稳定运行 : {{ diffYears }}年 零 {{ diffDays }}天 {{ diffHours }} 小时 {{ diffMinutes }} 分钟 {{ diffSeconds }} 秒

显示

忘记密码?

显示

显示

获取验证码

Close