在textarea中的按键上提交表单

Question

我一直在尝试做一些基本的事情，例如在回车（和Shift + Enter）上提交文本区域，这确实让我感到困惑–我在此问题上已经在Stackoverflow上咨询过以前的主题，但是以前的解决方案似乎都没有诀窍。 $('#form').submit(); 做这份工作？ 这既不是this.form.submit(); 或document.getElementById("form").submit(); 似乎也提供了一种解决方案，尽管此时我可能已经搞砸了。

我创建了一个jsFiddle来进行尝试。 很可能这是一个非常根本的错误，我会为此感到尴尬，但是可悲的是我花了很多时间，无法再用新鲜的眼睛看它了。

<form id="form" name="form" method="post">
    <textarea id="contentsubmit" name="contentsubmit" class="no-formatting contentsubmit" type="text" placeholder="textfield for submitting textcontent"></textarea>
    <input id="submit" type="submit" name="submit" value="Send" />
</form> 

<script>
$(document).ready(function(){
    $('#contentsubmit').keypress(function(e) {
      if(e.which == 13) {
           $('#form').submit();
           // this.form.submit(); 
           // document.getElementById("form").submit(); 

           console.log('log me!');
           e.preventDefault(); // Stops enter from creating a new line
       }
    });
});
</script>

Answer 1

您需要重命名您的提交按钮，您将覆盖Submit方法。

更改

<input id="submit" type="submit" name="submit" value="Send" />

至

<input id="btnSubmit" type="submit" name="btnSubmit" value="Send" />

并改变

$('#form').submit();

至

$('#form')[0].submit();

要么

$('#form').get(0).submit();