仅当用户开始在输入字段中输入时，如何从输入值中删除某些警告文本？

【问题标题】：How to remove certain warning text from input value only when user starts typing in the input field?仅当用户开始在输入字段中输入时，如何从输入值中删除某些警告文本？
【发布时间】：2020-07-20 08:45:55
【问题描述】：

在表单验证后，我在输入字段中回显了一个值，如下所示：

x - Confirm valid surname

如果我想在用户开始在输入字段中输入（理想情况下更改为有效姓氏时）删除匹配文本" - Confirm valid surname"（这将是一条警告消息），则适合使用什么代码（仅限 JavaScript）？

【问题讨论】：

为什么不直接使用占位符属性？
那将如何解决？占位符已与输入姓氏指令一起使用
怎么会有人知道这一点，因为 a) 你没有这么说或 b) 发布 minimal reproducible example
正确。我想一个例子会更合适。恐怕我现在没有精力提供这些了。

标签： javascript php forms validation

【解决方案1】：

你的“输入”是这样的吗？

<input value="<?php echo $errorMessage; ?>"/>

我建议使用“占位符”属性，

<input placeholder="<?php echo $errorMessage; ?>"/>

或者如果你想继续使用 JS，

var inputBox = document.getElementById(INPUT_BOX_ID);
inputBox.oninput = function(){
    inputBox.value = inputBox.value.replace(" - Confrim valid surname",""); // Simply remove the Error Text you've echoed
    inputBox.oninput = null; //  Delete the function so user can type something
}
// Its still not detecting the valid surname, but its removes the " - Confrim valid surname"

【讨论】：

这行得通！事实证明，我需要在焦点上发生这种情况，因为用户可能会转到该输入并决定聚焦并转到另一个输入字段。我将“inputBox.oninput”更改为“inputBox.onfocust”，它可以工作。