Question

我有一个ID输入框，我想掩盖该字段的前4位数字，但是当我提交时，我仍然需要提交真实数据。

目前我正在做的是：

    maskInputVal($input) {
    // Mask client id first 4 numbers with XXXX eg. XXXX4323 (real data is 23434323)
    let currentInputValue = $input.val();
    if (currentInputValue && currentInputValue.length > 4) {
        input.val(currentInputValue.replace(/^.{4}/g, 'XXXX'));
    }
}

但通过这种方式，真正的价值会发生变化。因此，当我提交时，它不会提交23434323但是XXXX4323。

如何通过JQuery更改视图值？

Answer 1

在屏蔽值之前，请将值保留在某个隐藏字段中。然后使用隐藏字段中的值进行处理。

maskInputVal($input) {
    // Mask client id first 4 numbers with XXXX eg. XXXX4323 (real data is 23434323)
    let currentInputValue = $input.val();
    $("#some_hidden_field").val(currentInputValue);
    if (currentInputValue && currentInputValue.length > 4) {
        input.val(currentInputValue.replace(/^.{4}/g, 'XXXX'));
    }
}

如何通过jquery更改输入的视图值而不是实际的模态值

1 个答案: