javascript - JavaScript 的一些问题

Question

我在尝试使此代码正常工作时遇到了一些问题。

JavaScript 部分:

var name = document.getElementById("name").value ;
var msg  = document.getElementById("msg").value ;
var date = new Date();

function post() {
    if (name === "")  {
        alert("You are missing something :)");
        document.getElementById("name").focus();
    }
    else if (msg === "") {
        alert("You are missing something :)");
        document.getElementById("msg").focus();
    }
    else {
        document.getElementById("content").innerHTML += ("<p id='post'>Name :. " + name + "</p><br><p id='post'>Comment :. " + msg + "</p><br><p>" + date + "</p>");
        alert("Successfully posted :)");
    }
}

以及 body 部分:

<div id="content">
    <h1>:. Welcome to the discussion .:</h1>
    <br><br>
    <p>The topic is : The structure of this website.</p>
    <br>
    Name/Nickname :.<br><input type="text" value="" id="name" maxlenght="32">
    <br>
    <p>
        Message :.<br><textarea id="msg" cols="40" rows="5"></textarea>
    <p>
    <input type="button" value="Post" onClick="javascript:post()">
</div>

当我按下“发布”按钮时，我遇到了一些问题，即使“名称”和“消息”输入上有或没有字母，它也会显示警报。我看不到“其他”部分是否有效，因为我什至无法通过第一部分 :c 。我尝试了一切，但没有成功，希望有人能给我启发。

Answer 1

此部分仅运行一次:

var name = document.getElementById("name").value ;
var msg  = document.getElementById("msg").value ;
var date = new Date();

如果您想在调用 post 时重新检查 name 值，则应该在 post 函数中将 name 重新分配给 document.getElementById("name").value。