Javascript 单击按钮时会显示文本消息

我有创建表单的代码，当您单击submit时，它会在屏幕上输出文本。但是，我的代码不会在屏幕上显示消息，尽管它会快速显示文本，然后将其隐藏

<div id="form-wrap">
<form>
    <fieldset>
    <h4>Contact Form:</h4>
        <label class="labelone" for="name">Name: </label>           
        <input name="name"/>
        <label for="email">Email: </label>
        <input name="email" />
        <label for="comments">Comments: </label>
        <textarea name="comments"></textarea>
  </fieldset>
<fieldset>
<input class= "btn" type="submit" value="Send Email" onclick="myFunction()"/>
<input class="btn" type="reset" value="Reset Form"/>
</fieldset>
</form>
<p id="jomin">This is a message</p>
</div>

联络表格：
姓名：
电邮：
评论：
这是一条信息

风格

#jomin{可见性：隐藏；
}

JAVASCRIPT

<script type="text/javascript">
function myFunction()   {
document.getElementById("jomin").style.visibility="visible";
}
</script>

函数myFunction（）{
document.getElementById（“jomin”）.style.visibility=“visible”；
}

您没有看到更改，因为表单正在提交，页面正在重新加载

更改：

<input class= "btn" type="submit" value="Send Email" onclick="myFunction()"/>

到

---

非常感谢。。这解决了问题。非常感谢：）

<input class= "btn" type="submit" value="Send Email" onclick="myFunction()"/>

<input class= "btn" type="submit" value="Send Email" onclick="return myFunction()"/>

function myFunction()   {
    document.getElementById("jomin").style.visibility="visible";
}

function myFunction()   {
    document.getElementById("jomin").style.visibility="visible";
    return false;
}