Javascript 在表中获取方法表单

我之前问过一个问题，但我认为我问的问题不对。 这是我的代码：

HTML

<form method="GET" id="demotest" action="#">
    <table id="contactustable">
        <tr>
            <td colspan="3"><h4>Contact Form:</h4></td>
        </tr>
        <tr>
            <td width="15%">message </td>
            <td width="35%"><input type="text" name="message" id="message" form="demotest"></td>
            <td width="7%"><span id="error-message"></span></td>
            <td colspan="2"><input type="submit" name="submit" id="submit" value="submit" onclick="return testingvalidation();" form="demotest"> </td>
            <td width="25%"><span id="status">Message Status : </span></td>
        </tr>
    </table>
</form>

这是我的代码，但问题是我何时运行它，以及它是否成功通过验证。。它将使用get方法发送表单。。但是，该消息不会出现在屏幕上（“消息状态：发送”）。如果我将底部的return true改为return false，消息就会出现，但表单不会提交

很抱歉，我一直在发关于这个问题的新帖子。有人能帮我解决这个问题吗。谢谢你的剧本

---

您就是看不到消息，因为表单会立即提交并加载新页面。新页面没有包含消息。

我不知道顶部发生了什么，但顶部有这些消息；编辑您的帖子而不是发布评论如何阻止表单提交以便显示该消息？您为什么要这样做？“你输入的内容没有问题，但我无论如何都会阻止它发送”这使得从一开始就使用表单变得毫无意义。如果你想告诉他们一切正常，那么提交表格并在回复中给他们留言。

function testingvalidation () {
    var message=document.getElementById("message").value;
    var error=0;

    if (message == "") {
        var msg="please enter name";
        document.getElementById("error-message").innerHTML=msg; 
        error++;
    }
    else {
        document.getElementById("error-message").innerHTML="";
    }

    if(error > 0) {
        var msg="Message Status : Error";
        document.getElementById("status").innerHTML=msg; 
        return false;
    }
    else {
        messagesend="Message Status : Send";
        document.getElementById("status").innerHTML=messagesend; 
        return true;
    }
}