Javascript disable button event completely.

Question

Hi I would like to know if its possible to do something similar to the example shown below.

// Script A
$('.submitButton').click(function() {
   if (not valid) {
       $(this).attr("disabled", "disabled");
   }
});

// Script B
$('.submitButton').click(function() {
    // Do something else here
});

I would like to know whether you can actually stop the click event in Script B if not valid in Script A. The reason for the two events being separate is due to the fact that Script A will be used as a sort of a plugin module which will be inserted at the header of the page.

Answer 1

Yes, you can call $(this).stopPropagation(); and then check for event.isPropagationStopped() in Script B.

read more @ http://api.jquery.com/event.stopPropagation/

Answer 2

use unbind. It will not fire the event again unless you bind it again

Answer 3

Would this work for you?

$(".submitButton").click(function(event){
    event.preventDefault();
});