突出顯示標記並將標記寫入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/