版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34672907/article/details/78356796
首先这个是回答别人问题的答案。但由于第一次粘贴的答案是有bug的,所以想进行第二次回复,结果被禁言了,一脸懵逼,好吧,禁就禁吧,我将答案写成博客不会被禁了吧?首先说明一下,这是基于jquery的
最简单的是现有的可以用一下办法
$('#passWord').attr('type','text');
隐藏密码
$('#passWord').attr('type','password');
--------------------------------------------------------------------------------------完美分割线--------------------------------------------------------------------------------------------------------------------
<input class="passWord" type="tel" name="" id="passWord" value="" /><span id="getNumber"> 点我隐藏</span>
var hide = false;
var numbers = null;
var shanStr = "";
$("#passWord").bind('input porpertychange', function() {
var value = $(this).val();
var str = "";
$(this).val().length == 1 ? numbers = $(this).val().toString() : numbers = numbers + ($(this).val().toString()).substring(value.length - 1, value.length);
for(var i = 0; i < value.length; i++) {
str = str + "*"
}
shanStr = str;
if(hide == false) {
$(this).val(str)
}
})
$("#getNumber").unbind("click").bind("click", function() {
$("#passWord").val("")
if(hide == true) {
$("#passWord").val(shanStr);
hide = false;
} else {
$("#passWord").val(numbers);
hide = true;
}
})
粗糙的代码,各位大神优化后可以分享一下给我呢