0

我有形式:

<form id="form1" class="f_class">
<input type="button" class="jq-button" value="jq-button"/>
</form>

和js代码:

var f=document.getElementById("form1");
f.addEventListener("submit", function(){alert("addEventListener_submit");},false);
$(".jq-button").click(function(){$("#form1").submit();});

杰宾

当我单击 jq 按钮时,警报不显示。为什么?

更新

我有外部 js 代码,它使用addEventListener,我无法更改它。但在我的代码中,我想使用 jQuery 提交。我可以把它们结合起来吗?

4

2 回答 2

4

只需将其更正为:

<input type="submit" class="jq-button" value="jq-button"/>

于 2012-08-21T10:40:47.563 回答
0

$().submit() 触发 jquery 提交事件而不是 eventlisterner。我会用 jQuery 编写所有事件的绑定,例如:

var f = $("#form1");
f.on("submit", function() { // on requires jquery 1.7+
    alert("submit");
});
$(".jq-button").on("click", (function(e) {
    $(this).closest("form").trigger("submit");
    e.preventDefault();
});

编辑:

可以执行以下操作:

var f=document.getElementById("form1");

f.addEventListener("submit", function(){
    alert("addEventListener_submit");
},false);

$(".jq-button").click(function(){
    var c = $(this),
        cc = c.clone().attr("type","submit");
    c.replaceWith(cc);
    cc.click();
});

如果您不能更改 HTML 标记。

于 2012-08-21T10:41:31.053 回答