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

原创 黄良钵  2018-01-11 17:11  阅读 357 次 评论 0 条

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

  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.  }
关注我们:请关注一下我们的微信公众号:扫描二维码黄良钵博客的公众号,公众号:HLB_Blog
版权声明:本文为原创文章,版权归 黄良钵 所有,欢迎分享本文,转载请保留出处!

发表评论


表情