javascript - 清除错误消息而不是附加 javascript

Question

在我拥有的这个 HTML 表单中，我想警告用户他必须在输入框中输入一个级别，如果他再次单击该按钮，我想清除错误消息并再次打印出来。我还想添加更多错误消息，但我作为错误消息添加的任何内容都会附加到上一条消息的末尾。

function validateForm () {
    var msg = ""
      , result = true;

    if (document.ExamEntry.name.value === "") {
        msg = document.createTextNode("You Must Indicate Your Level");
        document.getElementById('name-msg').appendChild(msg);
        document.getElementById('name-msg').style.color="red";
    }
}

<form name="ExamEntry" method="POST">
    <input type="text" id="name" name="name">
    <span id="name-msg"></span>
    <input type="button" name="submit" value="Submit" onclick="validateForm();">
</form>

这是一个 jsbin

Answer 1

function validateForm () {
    var result = true;

    if (document.ExamEntry.name.value === "") {
      document.getElementById('name-msg').innerHTML= "You Must Indicate Your Level";
        document.getElementById('name-msg').style.color="red";
    }
}

<form name="ExamEntry" method="POST">
    <input type="text" id="name" name="name">
    <span id="name-msg"></span>
    <input type="button" name="submit" value="Submit" onclick="validateForm();">
</form>