在前端开发中,可以通过以下步骤来实现屏蔽输入文本框中每三位数字的功能,并在单击提交按钮时显示原始的未屏蔽值。
<input type="text" id="inputField" />
<button onclick="submitForm()">提交</button>
function submitForm() {
var inputField = document.getElementById("inputField");
var originalValue = inputField.value;
// 使用正则表达式替换每三位数字为屏蔽字符
var maskedValue = originalValue.replace(/\d{3}/g, "***");
// 显示原始的未屏蔽值
alert(originalValue);
// 可以将屏蔽后的值设置回文本框
// inputField.value = maskedValue;
// 在此处可以执行其他提交表单的操作
}
这段代码中,submitForm
函数用于处理点击提交按钮的操作。首先获取文本框的值originalValue
,然后使用正则表达式替换每三位数字为屏蔽字符,生成maskedValue
。接下来通过弹窗alert
显示原始的未屏蔽值,也可以将屏蔽后的值设置回文本框。在最后的注释部分,你可以执行其他提交表单的操作。
这是一种简单的实现方式,可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云