양식이 전송 될 때 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

는 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

당신이 성공 함수에 버튼을 넣어 봤어 첫 번째 줄에 오류가 보인다 여기 prop()

사용?

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

이보십시오.

아약스 요청이 성공적으로 완료되었는지 여부에 관계없이 항상 버튼을 활성화해야합니다. 이 변수 선언에

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); 
     } 
});