如何在按回车键时停止Ajax.InPlaceEditor提交？

Question

我有一个包含多个Ajax.InPlaceEditor字段的页面。有些是单行（文本输入框），有些是多行（textareas）。

当用户在一个行框中输入内容并点击输入时，表单会提交。不过，我不希望这种情况发生。

以下是我的Ajax.InplaceEditor代码示例：

new Ajax.InPlaceEditor(
    'headline',
    '../scripts/save.php', 
    {
        submitOnBlur:true,
        rows:1,
        okControl:false,
        cancelControl:false,
        highlightColor:'transparent',
        highlightEndColor:'transparent',
        savingText: 'Saving...'
    }
);

我想尽可能保留sumitOnBlur: true。

Answer 1

该表格由主要新闻事件提交。尝试在不应提交表单的字段上禁止它：

$('form#form_id input').keypress(function (e) {
  // Prevent form from submitting on enter key press
  if (e.keyCode == 13) { // ENTER
    e.preventDefault();
  }
});