Check if form validates

Question

Hello,

I want to check in if the form validates properly in order to display a "please wait" message.

This is the code I use (and works properly)

	jQuery('#submit_button').click(function() {
		jQuery('#submit_button').hide();
		jQuery('#pleasewait').fadeIn('slow');
	});

I just want an 'if' condition before fading in the message div (#pleasewait) that check if the form validates.

How can I do this?

spyrosel · Accepted Answer

I have found a workaround here: http://www.chronoengine.com/forums/posts/f2/t96876/loading-message-after-submit.html in case someone else is looking for something like this.

So my final code is:

	  
var validated = false;
	  var form = jQuery('#chronoform-get-a-free-quote');
	  jQuery(document).on('submit', form, function(event){
		if ( validated ) {
		  return;
		}
		  event.stopPropagation();
		  event.preventDefault();
		  showMessage();
	  });

	  function showMessage(){
		jQuery('#submit_button').hide();
		jQuery('#pleasewait').fadeIn('slow');
		validated = true;
		form.submit();
	  };

Check if form validates

How to display a loading message only after form validation.

Overview