javascript - 更正提交按钮上的 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');
}

score 3 · Accepted Answer

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

score 2 · Accepted Answer

你可以使用这个：

选项1 -

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

此功能将阻止表单提交。提交表单时会触发。带click或带Enter键。

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

演示在这里

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

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

演示在这里