jQuery忽略输入键直到文本区域中的最小长度，然后绑定(bind)提交

Question

我希望使用 jQuery 来模仿 Facebook 评论框的行为，其中字段在输入时提交 - 但直到输入了最少数量的字符。

我这里有这个版本:

    $(function() {
        $("textarea.commentfield").keypress(function (e) {

            // fire on enter key
            if ( (e.which == 13) && (this.value.length >= 3) ) { 

当文本区域中有 3 个或更多字符时，此命令会提交 - 但是，如果用户在最少字符之前按 Enter 键，则会插入一行回车符。

如何防止这种行为 - 基本上忽略回车键，直到达到最小长度？

Answer 1

作为 Juan 答案的替代方案，您可以从事件处理程序返回 false 以防止其默认行为。

$(document).ready(function() {

  $("textarea.commentfield").keypress(function(e) {
    // fire on enter key
    if ((e.keyCode || e.which) == 13) {
      if (this.value.length >= 3) {
        $(this).parents('form').submit();
      } else {
        return false;
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="" class="commentfield"></textarea>

请注意，return false 仅适用于 jQuery 处理程序，不适用于使用 addEventListener 的处理程序。请参阅http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/