jQuery顯示隱藏密碼插件jquery.toggle-password

拉丁傳說 2018-4-13 1291

在 Windows(Windows 7以上)系統以及 IE 里,當輸入密碼的時候,右邊會有一個小眼睛,按下這個小眼睛,就會顯示密碼。在一些手機里面也有一個“顯示密碼”的復選框,勾選之后輸入的密碼就變成明文了。這樣的功能可以很好的防止輸錯密碼,尤其是一些只需輸入一次密碼的注冊。

這個功能雖然很好,但是在其他地方好像很少。如果你想在的網站上也有這樣的功能,那么你可以試試 jquery.toggle-password,它是一個基于 jQuery 的插件,適用于眾多系統下的瀏覽器,包括移動設備。

兼容性

瀏覽器兼容:兼容 IE9 及以上和其他現代瀏覽器。,不兼容 IE6 – IE8。 jQuery 兼容:兼容 jQuery 1.9.0 及以上版本。

使用方法

引入文件

<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 指定觸發事件

演 示 下 載

最新回復 (0)
返回
發新帖
下载麻将游戏四人麻将