0

我的 HTML 要点（我在同一页面上有多个表单）

<tr>
    <form method="post" class="save-form" id="93">
        <td>
            <a href="#" class="edit">Edit</a> <input type="submit" value="save" name="save" class="save hidden" />
        </td>
        <td class="center gray">
            <input type="text" value="234" name="views" />
        </td>
    </form>
</tr>

我正在使用jQuery 表单插件。

$('.save-form').each(function() {
    $(this).ajaxForm({
        beforeSubmit: function() {
            //
        },
        success: function(data) {
            //
        }
    });
});


$('.save-form').submit(function() { 
    $(this).parent().find('a.edit').show();
    $(this).parent().find('input.save').hide();
 // $(this).parent().find('input').attr('disabled', 'disabled');
});

所有这一切都很好。

但我想将所有内容$('.save-form').submit(function() {从success:. 我无法用我拥有的 HTML 弄清楚它..

我还想save在提交表单后禁用输入。如果我尝试 with $('.save-form').submit(function() {，它会禁用输入，但不会提交输入数据 - 我认为是因为输入在处理之前被禁用。如果从内部禁用success:它应该可以工作，但我也无法弄清楚。

如何处理表单然后禁用输入？

4

2 回答 2

2

检查这个：http: //jsfiddle.net/niski/JjBTk/

于 2012-06-11T10:48:26.110 回答
1

我会说，你应该这样尝试：

$('.save-form').each(function() {
    var form = this;
    $(this).ajaxForm({
        beforeSubmit: function() {
            $(form).parent().find('input.save').attr('disabled', 'disabled');
        },
        success: function(data) {
            $(form).parent().find('a.edit').show();
            $(form).parent().find('input.save').hide();
        }
    });
});
于 2012-06-11T10:49:53.937 回答