Question

If I do that

function disableSearchForm(){
    $("#myform :input").prop("disabled", true);
  }
$(document).on("click", "#ididid123", function(){
    disableSearchForm();
    $.ajax({
         //............
    });

    return false;
  });

then nothing comes in params due to call of disableSearchForm();. So can I “have my cake and eat it too”? I want to disable the form and still have ability to read post data from params.

Answer 1

Serialize the form before disabling the inputs:

$(document).on("click", "#ididid123", function(){
    var data = $('#myform').serialize();
    disableSearchForm();
    $.ajax({
      data: data
      //............
    });
    return false;
});