使用jquery AjaxForm插件禁用提交按钮

Question

我正在使用jquery Form插件通过ajax提交我的表单。它工作得很好，但是，我遇到了一个我无法解决的问题。在表单提交时，我希望禁用提交按钮。这是因为ajax调用需要一段时间才能加载，我不希望用户认为没有发生任何事情并再次单击提交。表单完成提交后，我想重新启用提交按钮。这是我尝试过的代码，但是它不起作用并且阻止表单提交。

$('input[type=submit]').on('click', function () {
  $('input[type=submit]').prop('disabled', true);
  $('#settings-form').ajaxForm(function() { 
    $('input[type=submit]').prop('disabled', false);
    jAlert('Thank you', 'jquery basic alert box');
  }); 
}); 


<form action="settings.php" method="post" class="standard-form" id="settings-form">
            <input type="text" name="email" id="email" value="">
            <input type="password" name="pass" id="pass" size="16" value="" class="password-entry" />
            <input type="submit" name="submit" value="<?php _e( 'Update'); ?>" id="submit" class="small button"/>
</form>