javascript - 如何使用键盘中的输入在ajax中提交表单数据

Question

我正在创建一个评论功能，下面是我目前的代码。

html

<form action="http://website.com/transaction_items/add_comment" class="" id="form-comment" role="form" method="post" accept-charset="utf-8"> 
  <input type="hidden" name="checklists_item_id" value="6" style="display:none;"> 
  <input type="hidden" name="user_id" value="1" style="display:none;"> 
  <div class="input-group col-xs-12"> 
    <input type="text" name="comment" value="" class="form-control" id="comment-input" placeholder="Enter your comments.."> 
    <span class="input-group-btn"> 
      <button class="btn btn-default" id="doc-comment" type="button">Post</button> 
    </span> 
  </div> 
</form>

jQuery

文档准备就绪时调用此函数。

function comment () {
  $('#doc-comment').click(function (e) {
    var form_id    = '#' + $(this).parents('form').attr('id');

    // submit data from the form
    submit.send(form_id);
  });
}

问题:

使用按钮 <button class="btn btn-default" id="doc-comment" type="button">Post</button>提交数据工作正常，但是如果我在键盘上使用 enter，submit.send(form_id);不会执行其功能，而是会执行默认的表单提交。

如果使用键盘回车提交表单数据，如何使用ajax？

Answer 1

简而言之

$("#form-comment").on('submit', function(evt) {
    evt.preventDefault();
    //  do your ajax stuff here
});

然后你可以抛出 onclick 按钮监听器..因为这也会处理按钮提交