jQuery：一个表单问题中的两个<button> </button>

Question

我在一个表单中有两个<button>个元素。 第一个<button>有一个单击处理程序，用于删除表单。 第二个<button>具有提交表单的点击处理程序。

一切都很好，直到我在表单中的任何输入字段内按enter。它首先触发<button>并删除表单而不是提交表单。

有可能以某种方式修复它吗？

谢谢;）

Answer 1

设置将表单提交到<button type="submit">而将另一个提交到<button type="button">的按钮应该可以解决问题

现场演示： http://jsfiddle.net/pgamE/3/

Answer 2

按下输入键可以调用preventDefault（），如下所示：

$('input[type="button"]').keypess(function (e) { 
    var kk = navigator.appName == 'Netscape' ? e.which : e.keyCode;
    if (kk == 13) {
        e.preventDefault(); 
    }
});