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