jquery在提交表单上捕获所有函数

时间:2013-06-19 11:22:15

标签: php jquery html ajax

我无法创建用于提交表单数据的“Grab All”功能。我有多个表单,我想重用相同的jQuery。

我目前的职能是:

$('.submit-grabber').submit(function(e) {
    e.preventDefault();
    var data = $(this).serialize();
    $.post('grabber.php', data, function(data) {
        communicatorDisplay(data);
    }); 
});

我的HTML是这样的:

<form id="product" class="submit-grabber">
    // Form elements go here
</form>

<form id="category" class="submit-grabber">
    // Form Elements go here
</form>

在我创建“Catch All”之前,我通过id为每个表单使用了一个函数:

$('#product').submit(function(e) {
    e.preventDefault();
    var data = $('#product').serialize();
    $.post('grabber.php', data, function(data) {
        communicatorDisplay(data);
    }); 
});

然而,这有效,但是,切换到“全部捕获”,似乎取消e.preventDefault()元素并且它不会提交,我做错了什么?

我也咨询了How do I "catch" multiple forms with different form ids with jQuery?,但似乎没有提供任何解释

1 个答案:

答案 0 :(得分:0)

不记得所有,这很好用。我不小心留下了一些开放代码和页面上某处的括号。