La façon de présenter et de valider un formulaire via ajax

S'il vous plaît je suis en train d'essayer de soumettre simultanément et de valider mon formulaire dans ma base de données grâce à l'utilisation d'Ajax, mais il ne fonctionne pas pour moi.
Voici mon jquery

$(document).ready(function(){
       $(".button").click(function(){
             $("#myform").validate();

            //Ajax to process the form
       $.ajax({
           type: "POST",
           url: "process.php",
           data: { firstname: $("#firstname").val()},
           success: function(){
                               $('#message').html(data);
                               }
               });
          return false;
       });
      });

Le problème est lorsque je soumets le formulaire,l'Ajax se soumettre à lui-même.
Veuillez Quelle est la bonne façon d'utiliser le jquery de valider et de $.ajax ensemble?

OriginalL'auteur Duahs | 2013-07-08

  1. 3

    Essayez ceci (qui travaillent pour moi comme prévu):

    Formulaire HTML:

    <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/css/screen.css" />
<script src="http://jquery.bassistance.de/validate/lib/jquery.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script>    
//JQuery Script to submit Form
$(document).ready(function () {
$("#commentForm").validate({
submitHandler : function () {
//your function if, validate is success
$.ajax({
type : "POST",
url : "process.php",
data : $('#commentForm').serialize(),
success : function (data) {
$('#message').html(data);
}
});
}
});
});
</script>
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>        
<p>
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" name="name" minlength="2" type="text" required />
<p>
<label for="cemail">E-Mail (required)</label>
<input id="cemail" type="email" name="email" required />
</p>
<p>
<label for="curl">URL (optional)</label>
<input id="curl" type="url" name="url" />
</p>
<p>
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" name="comment" required></textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit" />
</p>
</fieldset>
</form>
<div id="message"></div>

    Code PHP:

    <?php
echo $_POST['email'];
?>
    il a juste valide le formulaire, mais ne peut pas envoyer le formulaire
    vérifier mon nouveau code complet et essayer de trouver ce qui ne va pas dans votre code.
    Woow génie.il a travaillé.merci beaucoup pour votre temps
    tout moment de bienvenue bro!! 🙂
    merci une fois de plus.J'ai vraiment passer de nombreuses heures juste pour obtenir ce fait

    OriginalL'auteur Neeraj Singh

  2. 5

    Passer data comme un paramètre dans votre réussite fonction:

    success: function(data){

    Votre success fonction ne rien faire parce que vous n'avez pas défini de data

    oui je l'ai fait,mais encore, elle se soumet à lui-même

    OriginalL'auteur tymeJV

  3. 3

    Vous oubliez de passer la réponse

    $(document).ready(function() {
$(".button").click(function() {
//check the validation like this
if ($("#myform").valid()) {
//Ajax to process the form
$.ajax({
type: "POST",
url: "process.php",
data: {
firstname: $("#firstname").val()
},
//you forget to passs the response
success: function(response) {
$('#message').html(response);
}
});
return false;
}
});
});
    merci sa marche toujours pas.
    $("#myform").valider() cette ligne est mise à jour et ajoutez l'url http url: "process.php", vérifiez le valider des règles, aussi, si tout va bien, puis il va soumettre
    merci pour votre temps, mais il encore se soumettre à lui-même
    cela ne valide le formulaire, mais ne peut pas soumettre les données
    stackoverflow.com/questions/7675053/... essayez ce gestionnaire de soumission

    OriginalL'auteur Sundar

  4. 0

    Tout d'abord, pourquoi voulez-vous soumettre le formulaire si la validation n'est pas passé?
    Essayez, si vraiment valider valide:

    $(function(){
$(".button").click(function(){
var myform = $("#myform");
if (myform.validate()) {        
$.post("process.php", myform.serialize(), function(data){
$('#message').html(data);
});            
}
return false;
});     
});
    ne fonctionne toujours pas, veuillez
    la validation fonctionne, mais la présentation ne fonctionne pas,il ne se soumet à lui-même.

    OriginalL'auteur mr. Pavlikov