使用preventDefault提交表单时代码无法正常工作

时间:2014-04-07 10:46:49

标签: javascript jquery

$(document).ready(function () {
    $('#form0').submit(function (e) {
        e.preventDefault();
        alert("hello");
    });
});

为什么我的警报不起作用?还在`e.preventDeafault()。

行之前尝试过

HTML:

<form action="/Calculation/ShowDetailAnnuity" data-ajax="true" data-ajax-loading="#Loader" data-ajax-mode="replace" data-ajax-update="#CalcDetail" id="form0" method="post">
<input type="submit" />
</form>

2 个答案:

答案 0 :(得分:0)

如果存在jquery冲突,也许不使用jquery,请使用onsubmit:

<form action="/Calculation/ShowDetailAnnuity" data-ajax="true" data-ajax-loading="#Loader" data-ajax-mode="replace" data-ajax-update="#CalcDetail" id="form0" method="post" onsubmit="alert('hello'); return false;">
<input type="submit" />
</form>

或在e.stopPropagation();

之后使用e.preventDefault();

答案 1 :(得分:0)

你可以这样做:

$(document).ready(function () {
    $('#form0').submit(function (e) {

        alert("hello");

        return false;
    });
});