js监听密码输入框type

时间:2021-09-29 09:11:32

1、密码输入框

<input class="oaInput oaText" type="text" placeholder="请输入用户名"/>
<input class="oaInput oaPwd" type="text" placeholder="请输入密码"/>

2、默认前台显示如下

<input class="oaInput oaPwd" type="password" placeholder="请输入密码"/>

状态下:

js监听密码输入框type

加入js控制如下:

$('.oaPwd').bind('input propertychange',function(){
if($(".oaPwd").val()==''){
$('.oaPwd')[0].type="text";
}else{
$('.oaPwd')[0].type="password";
}
})
<input class="oaInput oaPwd" type="text" placeholder="请输入密码"/>

js监听密码输入框type