Run javascript/jquery after text change but before submit

I have an input element on a form along with a submit butto开发者_StackOverflow社区n.

I want to run the change event on the input element all whenever a change occurs. The problem is if end user changes text and clicks submit button the code in the change event doesn't run.

Immediately after user clicks the submit button, the form submits (like the change is not getting time to run, the same occurs with blur or focus out).

My controls can be placed on any form, and I do not control the click event of the button.

Help please

If you're wanting to catch whenever input in a textbox is changed try this in the document.ready

$("input[type='text']").change( function() { 
   $("#SubmitButton").attr('disabled', 'disabled');
   // check input ($(this).val()) for validity here 
   // after text is updated..etc, enable the button
   $("#SubmitButton").removeAttr('disabled');
});

may be you want use event.preventDefault

Expanding on @Aleks G's comment, the best thing for you to do is trigger your change handling on more than just the change event. Beyond keyup, I've found you also need to be careful to handle pasting with the mouse (doesn't trigger the keyup or change event):

yourInput.bind('change keyup paste', function() {
    // Your code
});