js实现显示密码和隐藏密码
来源:互联网 发布:如何利用网络推广 编辑:程序博客网 时间:2024/05/21 16:59
html代码: <ul class="clear set-ul "> <li class="fl red-color">*</li> <li class="pass-li fl" id="pa_password"> <input type="password" onkeyup="value=value.replace(/[^\d\w]/g,'')" id="setpass" class="pass-text" name="pass"/> <span class="span-pass">交易密码</span> </li> <li class="fl"> <input type="checkbox" class="show-pass"/> <span class="show-span" data-pass='off'>显示密码</span> </li></ul><ul class="clear set-ul"> <li class="fl red-color">*</li> <li class="pass-li fl" id="pa_password2"> <input type="password" onkeyup="value=value.replace(/[^\d\w]/g,'')" id="setpass2" class="pass-text" name="pass"/> <span class="span-pass">交易密码</span> </li> <li class="fl"> <input type="checkbox" class="show-pass2"/> <span class="show-span" data-pass='off'>显示密码</span> </li></ul>![html静态页面](http://img.blog.csdn.net/20160909161700495)js代码: /*显示隐藏密码*/ $('.show-pass').change(function(){ showPass(0); }); $('.show-pass2').change(function(){ showPass(1); }); function showPass(num){ var ele_pass = $(".pass-text").eq(num); var ele_eye = $('.show-span').eq(num); var state = ele_eye.data("pass"); if(state == 'off'){ ele_pass.attr("type","text"); ele_eye.data("pass","on"); ele_eye.html("隐藏密码"); }else{ ele_pass.attr("type","password"); ele_eye.data("pass","off"); ele_eye.html("显示密码"); } }; /*显示隐藏密码 end*/ ![运行后的效果](http://img.blog.csdn.net/20160909162136250)
0 0
- js实现显示密码和隐藏密码
- Android 实现显示密码和隐藏密码
- js 之 密码框 显示密码和隐藏密码
- JS实现登录页密码的显示和隐藏
- 显示密码和隐藏密码
- js、jquery分别实现点击密码输入框密码显示和隐藏
- 密码显示和隐藏
- android 实现密码的显示和隐藏
- EditText实现显示和隐藏密码
- 显示密码,隐藏密码
- 修改密码显示和隐藏密码
- Android实现显示隐藏密码
- Android实现密码隐藏显示
- jquery 实现密码框的显示隐藏 js
- js简单实现密码的显示与隐藏
- 密码框显示和隐藏
- js实现的键盘开启大写锁定提示和密码显示与隐藏的效果
- js点击 密码输入框密码显示隐藏
- java中的转义字符
- [React Native]Promise机制
- Android下面的MD5加密
- Py第三问 __name__和__main__的使用
- touch 修改文件时间或创建新文件
- js实现显示密码和隐藏密码
- 人件读书笔记(19)在这儿很开心
- 127.0.0.1
- 自动生成图片选择器,添加插件Android Selectors Generate
- 输出国别,自己没事写的
- 四大组件之BroadcastReceiver
- python读MySQL数据库出现中文乱码问题
- viewpager
- NDK相关资料