在提交按钮上更正e.preventDefault（）

Question

我有以下代码：

<form>
<input type="text" name="keyword" value="keyword">
<input type="submit" value="Search">
</form>

我想知道是否有人可以通过jquery向我展示如何在提交按钮上放置e预防默认值，以便如果触发了提交按钮，我可以让它改为执行除提交以外的其他操作，例如发出警报。

到目前为止，我有这个：

function submit_hit() {
    e.preventDefault();
    alert('History set');
}

Answer 1

$('form input:submit').on('click', function(e) {
    e.preventDefault();
    alert('History set');
});

小提琴

Answer 2

您可以使用此：

选项1 -

$('form').on('submit',function(e){
   e.preventDefault();
   alert('Prevented!');
});

此功能将阻止表单提交。 提交表单时将触发。 通过click或使用Enter键。

如果您有很多表格，可以在此选择器上使用ID，例如$('#form_id').on('submit',function(e){//...ect

在这里演示

选项2-

$('form input[type=submit]').on('click',function(e){
   e.preventDefault();
    alert('Prevented!');
});

此功能还将阻止表单提交。 clicked输入按钮时，它将触发。

在这里演示