一般我们做登录注册的时候都会提供一个让用户选择自己输入的密码是否显示的需求,
这种需求我们肯定会想到只要动态改变输入的类型属性不就好了(文本显示/密码隐藏):
于是我用了<代码> $ (" # id)。attr(“类型”,“密码”)代码>这个API然而结果并不是我想的那样,出错了
HTML代码
未捕获错误:类型属性不能改变
意思大概就是这个属性不能被修改。
于是我就googl一手。
然而我得到的结果是这样的
HTML代码
& lt;输入id=皊howPwd”类=叭帧崩嘈?拔谋尽眝alue=" https://www.yisu.com/zixun/密码”tabindex=" 2 "/比; & lt;输入id=" pwd " class=比帧皀ame="密码" type="密码"/比; var showPwd=$ (" # showPwd "), pwd=$ (" # pwd "); showPwd.focus(函数(){ .focus pwd.show () (); showPwd.hide (); }); pwd.blur(函数(){ 如果(pwd.val ()==" ") { showPwd.show (); pwd.hide (); } });>之前大体上都是这种办法,简单来说就是用两个输入来回切换着显示,互相获取对方输入的字符!
这种办法我试了一手,可以实现,而且代码也不是很多。但是我总觉得怪怪的,这种需求应该这么实现?肯定不可能啊
一般这种情况我都会去看看大厂是不是这么做的,而且某些大厂并不是这么做的!
但是谷歌都搜不到我的问题,应该是没有解决办法了吧!
以上所述是小编给大家介绍的jQuery通过改变输入的类型属性实现密码显示隐藏切换功能,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
jQuery通过改变输入的类型属性实现密码显示隐藏切换功能