我正在尝试隐藏/显示哈希函数的纯文本，我已经能够隐藏输入字段，但我无法隐藏/显示纯文本，网页有一个输入字段，在该字段下是我正在输入的文本，然后是散列文本，我正在尝试用项目符号替换纯文本。
我尝试通过计算字段中的字符数然后重复项目符号多次来隐藏它。但现在该页面根本无法运行。
<!DOCTYPE html>
<html>
<body>
<input
name="show password"
type="checkbox"
checked="checked"
onclick="toggleType();" />
<input
size="80"
input type="text"
rows="7"
id="edValue"
type="text"
onKeyPress="edValueKeyPress()
"onKeyUp="edValueKeyPress()">
<p id="string">Original text: </p>
<p id="lblValue">The SHA256 hash is: </p>
<script type="text/javascript" src="sha256.js">
</script>
<script type="text/javascript">
function edValueKeyPress()
{
var edValue = document.getElementById("edValue");
var s = edValue.value;
var lblValue = document.getElementById("lblValue");
lblValue.innerText = "The SHA256 hash is: "+sha256_digest(s);
var TheText = document.getElementById("string");
TheText.innerText = "Original text: "+s;
}
function toggleType() {
var obj = document.getElementById('edValue');
if (obj.type == 'password') {
obj.type = 'text';
} else {
obj.type = 'password';
repeat();
}
}
function repeat() {
var length = this.value.length;
var count = document.getElementById("edValue");
String.prototype.repeat = function(n) {
return new Array(1 + n).join(this);
var TheText = document.getElementById("string");
TheText.innerText = "*".repeat(count);
}
</script>
</body>
</html>
最佳答案
只需使用正则表达式:
带有 jQuery:
$('YOURELEMENT').html($('div').html().replace(/./g, '*'));
没有:
var text = document.getElementById('YOURELEMENT').innerText;
document.getElementById('string').innerHTML = text.replace(/./g, '*')
关于JavaScript 隐藏类似于密码的纯文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19549313/