Javascript没有按下回车键提交，它只是清除文本框

Question

我有以下代码：

    <form style="position: absolute; bottom: 5px; padding-bottom: 10px;height:    10%;" id="newmessageForm">
            <textarea name="message" placeholder="Type your message here"   rows="9" cols="225" id="newmessage" resize="none" style="float: left; opacity: 0.7;"></textarea>
            <input class="btn-login" type="Submit" name="send" style="float: left">
    </form>

<script>
var chatInput = document.getElementById('newmessage');
var chatForm = document.getElementById('newmessageForm');
chatInput.onkeypress = function(e) {
 if (e.charCode == 13) {
   e.preventDefault();
   chatForm.submit();
   }
};
</script>

而不是按下输入键发送消息，它只是清除文本框，有人可以帮忙吗？

Answer 1

这是提交给哪里的？表单元素中没有action属性。您将需要方法和操作属性，以使提交起作用。

Answer 2

您的表单没有做任何事情，它正在提交，但表单没有做任何事情，请为其添加action=""和method=""以显示提交。

Answer 3

您不需要收听回车键，而是收听submit表格并阻止默认操作。

var chatForm = document.getElementById('newmessageForm');
chatForm.addEventListener('submit', function(e) {
    e.preventDefault();
});