jQuery显示隐藏密码插件jquery.toggle-password

所属分类:输入-密码

 41256  308  查看评论 (5)
分享到微信朋友圈
X
jQuery显示隐藏密码插件jquery.toggle-password ie兼容9

    在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小眼睛,就会显示密码。在一些手机里面也有一个“显示密码”的复选框,勾选之后输入的密码就变成明文了。这样的功能可以很好的防止输错密码,尤其是一些只需输入一次密码的注册。


这个功能虽然很好,但是在其他地方好像很少。如果你想在的网站上也有这样的功能,那么你可以试试 jquery.toggle-password,它是一个基于 jQuery 的插件,适用于众多系统下的浏览器,包括移动设备。


使用方法

引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery.toggle-password.min.js"></script>

HTML

<div><label for="password">密码:</label><input type="password" id="password"></div>
<div><input type="checkbox" id="togglePassword"><label for="togglePassword">显示密码</label></div>

JavaScript

$(function(){
    $('#password').togglePassword({
        el: '#togglePassword'
    });
});

参数

参数类型默认值说明
el字符串指定事件出发对象(必填)
ev字符串click指定触发事件
相关插件-密码

仿原生移动端设置四数字密码

移动端密码页面,设置进入页面密码,有再次确认功能
  密码
 23448  321

jQuery简易的密码等级

运算复杂不过使用简单的密码等级,注释全一看就懂,直接粘贴复制就可使用
  密码
 31012  393

显示当前正在输入密码后自动隐藏

显示当前正在输入密码后自动隐藏
  密码
 30529  321

输入框密码显示隐藏

密码显示隐藏,里面使用了字体图标
  密码
 45694  394

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    无言 0
    2018/8/29 14:36:53
    为什么我用不了,直接报错啊 回复
    ┽后,?青春期?诗╇ 0
    2018/7/17 16:42:52
    lawzjsweb 0
    2017/11/7 7:47:45

    360浏览器IE模式不行呢

    回复
    Declare 0
    2017/1/19 22:11:24
    貌似不兼容360
        JoviChin0
        2017/4/2 20:25:58

        兼容,已经用上了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复