禁用輸入表單提交使用jQuery表單插件

Question

我的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:內禁用，它應該可以工作，但我無法弄清楚。

如何處理表單然後禁用輸入？

Answer 1

檢查：http://jsfiddle.net/niski/JjBTk/

Answer 2

我會說，你應該嘗試一下這種方法：

$('.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(); 
     } 
    }); 
});