<input type="text" value="${phone }" name="phone" readonly="readonly" class="edit_text" >隐藏中间直接脱敏不要按钮
时间: 2023-07-21 21:04:00 浏览: 74
如何将input type=file显示的浏览变成英文的
5星 · 资源好评率100%
要在页面加载时直接对 `<input>` 标签中的值进行隐藏中间脱敏,可以使用以下 JavaScript 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>脱敏示例</title>
<script>
window.addEventListener('DOMContentLoaded', function() {
var inputElement = document.getElementById('myInput');
var originalValue = inputElement.value;
var hiddenValue = originalValue.charAt(0) + '*'.repeat(originalValue.length - 2) + originalValue.charAt(originalValue.length - 1);
inputElement.value = hiddenValue;
});
</script>
</head>
<body>
<input type="text" id="myInput" value="${phone }" name="phone" readonly="readonly" class="edit_text">
</body>
</html>
```
在上面的示例中,我们使用了 `window.addEventListener('DOMContentLoaded', function() { ... })` 来监听页面加载完成的事件。当页面加载完成时,会触发指定的函数,即将 `<input>` 标签中的值进行隐藏中间脱敏处理。
在这个示例中,我们将 `<input>` 标签的 `value` 属性设置为 `${phone }`,然后在页面加载完成后将其进行隐藏中间脱敏处理。隐藏中间脱敏处理的方式是保留第一个字符和最后一个字符,将中间的字符全部替换为 `*`。
请注意,这只是一个简单的示例,实际的脱敏方式取决于你的需求和敏感数据的类型。你可能需要使用更强大和复杂的算法来确保数据的安全性和隐私保护。
阅读全文