如何防止特定字段使用jquery提交表单？

Question

给出以下非常简单的小提琴： http : //jsfiddle.net/ofy3bhuf/

我想防止在#no_return输入上按下enter时提交该表单，但是如果在任何其他输入上按下return，则应正常提交该表单。

如您在小提琴中看到的，我对表单提交事件和#no_return的keyup事件进行了操作。 提交事件总是首先发生，但是即使没有发生，我是否能够阻止输入事件来自输入keyup事件？

码：

<form action='scratch_clean' method='get'>
  <input id='return' />
  <input id="no_return" />
  <input type='submit' />
</form>
<div id='result'></div>
<script type="text/javascript">
  $(document).ready(function() {
    $('#no_return').on('keyup', function(e) {
      e.preventDefault();
      var code = e.which;
      if(code==13)
      {
        $('#result').append('keyup<br>');
        return false;
      }
      //return false; // not needed

  });
  $('form').on('submit', function(e) {
    e.preventDefault();
    $('#result').append('submit<br>');
    // EDIT: Other processing happens here
    return false;
  });
});
</script>

Answer 1

尝试这个：-

$(document).ready(function() {
$('form').on('submit', function(e) {
    e.preventDefault();
    $('#result').append('submit<br>');
    return false;
  });
});

$('#no_return').on('keypress', function(e) {
  if(e.keyCode == 13) {
   e.preventDefault();
   return false;
  }
});

演示