Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 884
  • Last Modified:

jQuery Validate: Event if all valid and form submitted

Hi,

I'm using jQuery Validate plugin from here - http://bassistance.de/jquery-plugins/jquery-plugin-validation/

The goal is to fire those two events only after jQuery validates all required fields and form has been submitted.

My code below does not work properly.

Any idea how to make it properly?

Thanks in advance
$("form").validate({
			    
success: function(html) { 
	$("form").submit(function(){
		$("input[type='submit']").attr("disabled", true).val("Please wait...");
		$(".stillloading").delay(4000).fadeIn(200);
	});
	}

});

Open in new window

0
Aidam-Unlimited
Asked:
Aidam-Unlimited
  • 3
  • 2
1 Solution
 
leakim971PluritechnicianCommented:
When you submit your form, you stay away from the page and so, from your code.
You're on another page, perhaps with the same url but an other new page

You may use ajax to submit your form silently and after the submission, display a message and go away

Check this plugin : http://jquery.malsup.com/form/#ajaxSubmit

0
 
leakim971PluritechnicianCommented:
How did you resolve it?
0
 
Aidam-UnlimitedAuthor Commented:
Solution is here.

If somebody found this useful, please let me know (post a comment).
$(document).ready(function() {

	$("form").validate({
	 submitHandler: function(form) {
		$("input[type='submit']").attr("disabled", true).val("Please wait...");
	   form.submit();
	 },
	 errorPlacement: function(error, element) { } //Removed error labels, I've got input {border: red;} only
	});
	
});

Open in new window

0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
Aidam-UnlimitedAuthor Commented:
//Objecting
0
 
leakim971PluritechnicianCommented:
Thanks
0
 
ModCorlEEoneCommented:
Restarting auto-close process on Aidam-Unlimited's behalf after posting own solution.
 
ModCorlEEone
Community Support Moderator
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now