javascript - 用星号屏蔽 HTML 表单文本字段

Question

我有一种情况，我们正在编码，然后将用户在表单文本字段中输入的电话号码发送到后端。因此，当用户点击提交按钮时，电话号码文本字段的值被编码，并且相同的编码值在文本字段中变得可见，直到下一页加载。如果用户点击后退按钮，他仍然会看到编码值，这又是一个糟糕的用户体验。

该编码值可能会使用户感到困惑。是否有解决方案，我们可以只显示星号而不是编码值，同时后端接收相同的编码电话号码。

请分享您对此的看法。

非常感谢，

Answer 1

您可以将输入字段的类型从更改<input type="text" name="fieldname">为<input type="password" name="fieldname">或隐藏它<input type="text" name="fieldname" style="display: none;">

Answer 2

创建一个隐藏字段，然后在提交表单时，使用编码的电话号码填充隐藏字段。然后将可见电话的值更改为*。