jQuery实现页面脱敏且控制台看不到值

可以使用jQuery的.val()方法获取表单元素的值，但是这样会在控制台中暴露出来。为了防止这种情况发生，可以使用jQuery的.prop()方法来代替.val()方法，这样就可以隐藏掉表单元素的值。

另外，对于需要脱敏的数据，可以使用正则表达式来替换掉敏感数据，例如：

var sensitiveData = "这是一段敏感数据";
var reg = /(敏感)/g;
var replaceData = "***";
var result = sensitiveData.replace(reg, replaceData);
console.log(result); // "这是一段***数据"

在页面中使用时，可以将敏感数据替换成脱敏后的数据，然后将脱敏后的数据设置到表单元素中，例如：

var sensitiveData = "这是一段敏感数据";
var reg = /(敏感)/g;
var replaceData = "***";
var result = sensitiveData.replace(reg, replaceData);
$('#input').prop('value', result);

这样就可以实现页面脱敏且控制台看不到值的效果了。

相关问题

jQuery实现页面脱敏

jQuery可以通过修改DOM元素的属性或内容来实现页面脱敏。

例如，将表单中的敏感信息替换为星号：

<form>
  <label>姓名：</label>
  <input type="text" name="name">
  <br>
  <label>身份证号：</label>
  <input type="text" name="idNumber">
</form>

$(function() {
  // 获取敏感信息输入框
  var $idNumberInput = $('input[name=idNumber]');
  // 将输入框的值替换为星号
  $idNumberInput.val('*'.repeat($idNumberInput.val().length));
});

还可以将页面中的所有文本节点替换为星号：

$(function() {
  // 获取所有文本节点
  var $textNodes = $('*:not(script,style)').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
  });
  // 将文本节点的内容替换为星号
  $textNodes.each(function() {
    this.nodeValue = '*'.repeat($.trim(this.nodeValue).length);
  });
});

需要注意的是，页面脱敏只是为了保护用户隐私，而不是真正的数据加密，因此需要在服务器端对敏感信息进行保护。

JQuery实现需求“不能让用户返回到当前页面”

可以使用以下代码来禁止用户返回到当前页面：

$(document).ready(function() {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function() {
            window.history.pushState('forward', null, '');
            window.history.forward();
        });
    }
});

这段代码会监听浏览器的“后退”事件，如果用户点击后退按钮，会强制将页面跳转到当前页面的下一个页面，从而实现禁止用户返回到当前页面的效果。