Javascript 如何在处理/提交时禁用/只读表单？

我正在使用AJAX提交表单。我使用以下代码通过AJAX提交表单

jQuery('form.AjaxForm').submit( function() {        
        $.ajax({
            url     : $(this).attr('action'),
            type    : $(this).attr('method'),
            dataType: 'json',
            data    : $(this).serialize(),
            success : function( data ) {
                        for(var id in data) {   
                          jQuery('#' + id).html( data[id] );                                
                        }
                      }
        });
        return false;
    });

问题: 我想在服务器在提交后处理表单数据时禁用/只读。表格提交后应正常或有任何错误。有时用户多次按下提交按钮，我们会在数据库中得到不需要的重复条目

有什么想法吗

---

谢谢

这将在单击“提交”按钮后禁用该按钮

$('#myform').submit(function(){
      $('input[type=submit]', this).attr('disabled', 'disabled');
});

---

单击“提交”按钮后，将禁用该按钮

$('#myform').submit(function(){
      $('input[type=submit]', this).attr('disabled', 'disabled');
});

或者，如果要防止修改输入，请执行以下操作：

// Disable
jQuery('form.AjaxForm input').each( function() {
    jQuery( this ).attr( "disabled", "disabled" );
});

// Enable
jQuery('form.AjaxForm input').each( function() {
    jQuery( this ).attr( "disabled", "" );
});

或者，如果要防止修改输入，请执行以下操作：

// Disable
jQuery('form.AjaxForm input').each( function() {
    jQuery( this ).attr( "disabled", "disabled" );
});

// Enable
jQuery('form.AjaxForm input').each( function() {
    jQuery( this ).attr( "disabled", "" );
});

---

在提交处理程序中的

$调用之前禁用提交按钮。ajax

调用：

$('#yoursubmit').attr('disabled', 'disabled');

并在

$中再次启用它。ajax

调用的成功/错误处理程序：

$('#yoursubmit').attr('disabled', '');

---

在提交处理程序中的

$调用之前禁用提交按钮。ajax

调用：

$('#yoursubmit').attr('disabled', 'disabled');

并在

$中再次启用它。ajax

调用的成功/错误处理程序：

$('#yoursubmit').attr('disabled', '');