Jquery .off And Then Restore It To On

When i want to remove the click handler from my submit button,I am using $(#submitBtn).off();//works fine But,when I want to restore back to its previous stage,.on() doesnt work.

Solution 1:

.off()

Calling .off() with no arguments removes all handlers attached to the elements. Specific event handlers can be removed on elements by providing combinations of event names, namespaces, selectors, or handler function names.

.on()

Attach an event handler function for one or more events to the selected elements. And it must have arguments -

.on( events [, selector ][, data ], handler )

---

Instead of binding and unbinding, I suggest you use button disabling logic : .prop('disabled')

$('#submitBtn').prop('disabled',true)         //disable
$('#submitBtn').prop('disabled',false)        //enable

Note : The ID selector is written as $('#submitBtn') and not $(#submitBtn)

Solution 2:

You are removing the event so when you call on() you need to specify which event since it won't know about it.

$('#submitBtn').on('click', someFn);

You could also disable the button to prevent multiple submits and then remove the disabled attribute in your ajax success handler