表单发送时Jquery更改禁用按钮

Question

我有一个按钮，只有当表单有效时，才能看到按钮。 我写这篇文章：

function submit_form(){ 
var('#button2').attr('disabled',true); 
$.ajax({ 
    type : "POST", 
    data : $('#formset').serialize(), 
    success : function(json) { 
     console.log(json); 
     console.log("form sent!"); 
    }, 
    $('#button2').attr('disabled', false); 
    error : function(xhr,errmsg,err) { 
     console.log('error occured'); 
    } 
}); 

} ，但它不工作。错误在哪里？

Answer 1

只要你需要改变prop

使用prop()

这似乎在第一线var('#button2')

function submit_form(){ 
$('#button2').prop('disabled',true); 
$.ajax({ 
    type : "POST", 
    data : $('#formset').serialize(), 
    success : function(json) { 
     console.log(json); 
     console.log("form sent!"); 
     $('#button2').prop('disabled', false); 
    }, 

    error : function(xhr,errmsg,err) { 
     console.log('error occured'); 
    } 
}); 

Answer 2

你试图把按钮进入成功功能错误？

function submit_form(){ 
var('#button2').attr('disabled',true); 
$.ajax({ 
    type : "POST", 
    data : $('#formset').serialize(), 
    success : function(json) { 
     console.log(json); 
     console.log("form sent!"); 
     $('#button2').attr('disabled', false); 
    }, 

    error : function(xhr,errmsg,err) { 
     console.log('error occured'); 
    } 
}); 

Answer 3

function submit_form(){ 
var('#button2').attr('disabled',true); 
$.ajax({ 
    type : "POST", 
    data : $('#formset').serialize(), 
    success : function(json) { 
     console.log(json); 
     console.log("form sent!"); 
    $("#button2").attr("disabled",false); 
// $("#button2").prop("disabled",false); 
// can use prop instead of attr 

}, 
    error : function(xhr,errmsg,err) { 
     console.log('error occured'); 
    } 
}); 

Answer 4

试试这个。

无论ajax请求是否成功完成，您都应该启用按钮。

function submit_form() { 
    $('#button2').prop('disabled',true); 
    $.ajax({ 
     type : "POST", 
     data : $('#formset').serialize(), 
     success : function(json) { 
      console.log(json); 
      console.log("form sent!"); 
     }, 

     error : function(xhr,errmsg,err) { 
      console.log('error occured'); 
     }, 

     complete: function() { 
     $('#button2').prop('disabled', false); 
     } 
});