如何添加AJAX提交到PHPvalidation并返回消息?

我一直在努力validation表单,并使JS和PHPvalidation工作,但我仍然很难添加ajax(有或没有JQUERY)提交到php文件并返回成功消息。

我的表单有CSS和JSvalidation:

   #nameerror { color:red; } #emailerror{ color:red; }    function Validate() { var email = document.forms['form']['email'].value; var atpos = email.indexOf('@'); var dotpos = email.lastIndexOf('.'); var name = document.forms['form']['name'].value; if (name == null || name == ""){ document.getElementById('nameerror').innerHTML="Please enter your name"; return false; } else if (atpos < 1 || dotpos = email.length) { document.getElementById('emailerror').innerHTML="Please enter a valid email"; return false; } else { } }    
Sign Up








Your message has been sent successfully.

这是form_validation.php:

  100){ echo "please enter less than 100 characters."; return false; } } ?> 

谢谢您的帮助!

 $('form').on('submit',function() { $.ajax({ url: 'form_validation.php', data: $(this).serialize(), type: 'POST' }).done(function(data){ // you can append a success message to your document here }); });