当没有带js的输入文本时，如何添加红色错误框？

Question

现在我只有一个警报，但我想添加一个红色错误，例如＆＃34; required＆＃34;在js。

function validate() {
    if (document.getElementById("aa").value == "") {
        alert("Fields should not be empty.");
    }
}

Answer 1

请检查以下fiddle

<input id='firstname' type="text" value='' />
<button onclick="validate()">Click me</button>

function validate() {
    if (document.getElementById("firstname").value == "") {
         alert("Fields should not be empty.");
         document.getElementById('firstname').className += ' required' 
    }
}

.required {
    color:red;
    border:1px solid red;
}