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

Fiddle

Answer 2

您可以使用：

选项1 -

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

此功能将阻止表单提交。当表单被提交时它将触发。使用click或Enter密钥。

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

演示here

选项2 -

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

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

演示here