注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

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

表单 fishcity 1640浏览

隐藏密码插件jquery toggle-password

    在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小眼睛,就会显示密码。在一些手机里面也有一个“显示密码”的复选框,勾选之后输入的密码就变成明文了。这样的功能可以很好的防止输错密码,尤其是一些只需输入一次密码的注册。想不想把这功能用到自己网站增加体验性呢?来吧,试下本文介绍的jquery.toggle-password插件应用吧,jQ酷一起和您一起完成这个小功能!记得哦,它是基于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>

写入JS

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

参数

参数    类型       默认值    说明    

el      字符串     无        指定事件出发对象(必填)    

ev      字符串     click     指定触发事件    

转载请注明:jQ酷 » jQuery显示隐藏密码插件jquery.toggle-password应用

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。