欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
微信报名小程序_jQuery通过改变input的type属性完成
时间: 2021-01-12 14:24 浏览次数:
jQuery根据更改input的type特性完成登陆密码显示信息掩藏转换作用 大伙儿在做登陆申请注册作用的情况下都是碰到客户挑选自身键入的登陆密码是不是显示信息要求,大伙儿全是如
jQuery通过改变input的type属性实现密码显示隐藏切换功能       大家在做登录注册功能的时候都会遇到用户选择自己输入的密码是否显示需求,大家都是怎么实现的呢?今天小编给大家分享一种比较好用的方法jQuery通过改变input的type属性实现密码显示隐藏切换功能,需要的朋友参考下

一般我们做登录注册的时候都会提供一个让用户选择自己输入的密码是否显示的需求,

这种需求我们肯定会想到只要动态改变input的type属性不就好了(text显示/password隐藏):

于是我用了$(''#id).attr('type', 'password')这个API 然而结果并不是我想的那样,出错了

HTML 代码

Uncaught Error: type property can't be changed

意思大概就是这个属性不能被修改.

于是我就googl一手.

然而我得到的结果是这样的

HTML 代码

 input id="showPwd" type="text" value="密码" tabindex="2" / 
 input id="pwd" name="password" type="password" / 
var showPwd = $("#showPwd"), pwd = $("#pwd"); 
showPwd.focus(function(){ 
 pwd.show().focus(); 
 showPwd.hide(); 
pwd.blur(function(){ 
 if(pwd.val()=="") { 
 showPwd.show(); 
 pwd.hide(); 
}); 

大体上都是这种办法,简单来说就是用两个input来回切换着显示,互相获取对方输入的字符!

这种办法我试了一手,可以实现,而且代码也不是很多。但是我总觉得怪怪的,这种需求应该这么实现?肯定不可能啊

一般这种情况我都会去看看大厂是不是这么做的,而且某些大厂并不是这么做的!

但是Google都搜不到我的问题,应该是没有解决办法了吧!

以上所述是小编给大家介绍的jQuery通过改变input的type属性实现密码显示隐藏切换功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!




Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园