在javascript中突出显示并将标记写入文本框

Question

我在表单上有一个文本框。我想突出显示文本框，并在javascript中的文本框底部写一个标记。我正在做以下事情以获得价值，

var form = getAdjustedForm(obj, modelKey);
var reasonText = document.getElementById("AlertSuppression_Reason").value;

if (reasonText == "" || reasonText.length == 0 || reasonText == null) {         
    $('#AlertSuppression_Reason').text("This Trade will be updated.");
    document.getElementById('AlertSuppression_Reason').style.borderColor  = "red";      
}

有了这个，文本框变成红色但不写标签。我想要这样的东西：

Answer 1

您需要创建一个文本容器，例如span，默认情况下会隐藏它。然后你需要在文本框中添加一个像onkeyup这样的事件监听器来检测它的值的长度，如果文本框是空的，则显示文本。

纯JS中的示例：

https://jsfiddle.net/9tbj2gw6/