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

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

4 个答案: