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 Form Pluginを使用しています。

$('.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また、フォーム送信後の入力を無効にしたい。でしようとすると$('.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 に答える