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

我有一个按钮，只有在表格有效时才可以看到。 我这样写：

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

}

---

但它不起作用。哪里有错误？

只需更改

prop

使用

这里第一行

var（“#button2'）

---

您是否尝试过将该按钮置于成功功能中

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

试试这个

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

---

我更新了我的代码，在控制台中我可以看到“form sent！”，但该按钮仍然被禁用……您需要启用button@kaja once form sent？此变量声明中的错误：

var（“#button2”）.attr（'disabled'，true）介意多解释一点吗？不幸的是它不起作用。。。reaseon可以是html格式吗？
   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');
    }
}); 

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