在 textarea 中的按键上提交表单答案

【问题标题】：Submit form on keypress in textarea在 textarea 中的按键上提交表单
【发布时间】：2015-02-02 16:03:51
【问题描述】：

我一直在尝试做一些基本的事情，比如在输入（和 shift+enter）时提交一个文本区域，这真的让我很困惑——我已经在 Stackoverflow 上就这件事咨询过以前的主题，但没有以前的解决方案似乎可以解决问题。 $('#form').submit(); 不应该做这项工作吗？ this.form.submit(); 或 document.getElementById("form").submit(); 似乎都没有提供解决方案，尽管此时我可能会搞砸一些事情。

I've created a 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>

【问题讨论】：

标签： javascript jquery submit enter onkeyup

【解决方案1】：

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

改变

<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();

【讨论】：