Question

How can I stop sending data to the server if the button allready has been clicked ? I don’t want a disable=”disabled” response (buttons are custom made).

I tried setting a global var button_clicked = FALSE; set it true when button has been clicked, after that set it again to false when the response has been received . But that doesnt work neither because my mouse is messed up and spam clicks really fast (although i click only once -> this actualy helped me to see that the method mentioned isn’t so acurate).

Are there better methods to stop a process or disable a DOM element onClick? Maybe disable the event? js or jquery answer preferable . Or maybe this really can’t be done on really fast requests . I know it depends on alot of things (like user’s cpu). Any comment or answer is welcome. Maybe for every click on the page set the user to wait for some miliseconds ?

Answer 1

Try this little constructor:

function MyForm()
{
  this.check = false;

  this.form = function(){
    var f = this;
    $('#form').submit(function(e){
      e.preventDefault
      if( f.check === false )
      {
        f.check = true;
        $.ajax({
          ...blah blah
          success: function( data )
          {
            //if you want to let them send again, uncomment this next line
            //f.check = false;
          }
        })
      }
  });
  this.form();
}

$(document).ready(function(){
  var my = new MyForm();
});