在表单提交时禁用回车,但在输入时保持回车功能



我正在尝试禁用提交表单的回车键,并将回车键功能保留为输入字段的默认功能。更好的是,在输入字段中键入内容后,点击回车键实际上会切换到下一个输入。然而,最重要的是,我试图在提交时禁用回车,但保留输入字段的默认功能。

我试过几种不同的方法来做这件事。下面的代码禁用了提交时的输入,但也禁用了输入字段,然后提交按钮就像一个选项卡。单击一次它就会进入输入字段,单击两次它就会提交表单。我不想这样。

$(document).ready(function () {
$(document).on( 'keypress', '.product-quantity', function (e) {
if (e.charCode==13) {
$(this).parent('#working-space').children('.submit').trigger('click');
return false;
}
});
});

下面的代码也是如此。点击提交进入输入字段,再次点击提交提交表单

$(document).ready(function () {
$('#working-space').bind("keyup keypress", function(e) {
var code = e.keyCode || e.which;
if (code  == 13) {
e.preventDefault();
return false;
}
});
}); 

我想在提交时禁用回车键,但不想在输入字段中禁用。更好的是,在输入字段上单击输入选项卡进行下一次输入。

这似乎适用于Chrome:

$("#form1 input[type=text]").on("keypress", function (e) {
if (e.which === 13) {
e.preventDefault();
e.stopPropagation();
$(this).nextAll("input:first").trigger("focus");
}
});

最新更新