$(formulaire).ajaxSubmit n'est pas une fonction

Je suis en train d'utiliser le jquery valider plugin pour valider un formulaire et de présenter le contenu avec une requête ajax.

Ce code est dans la tête de mon document.

 $(document).ready(function() {
    $('#contact-form').validate({submitHandler: function(form) {
         $(form).ajaxSubmit();   
         contactSuccess() ;
         }
    });
});

La validation des travaux.
Toutefois, la présentation est faite normalement: lors de la présentation, le rechargement de la page.
Bien sûr, j'ai obtenu un non-js comportement de repli pour les navigateurs qui n'ont pas js activé. Mais je voudrais avoir l'expérience utilisateur plus fluide de travail.

L'erreur que je vois dans firebug est:
$(formulaire).ajaxSubmit n'est pas une fonction

Que pouvais-je fait de mal ici?

InformationsquelleAutor Bob Dobbs | 2011-03-10
  1. 72

    Je devine que vous n'avez pas de jquery forme de plugin inclus. ajaxSubmit n'est pas une base de fonction jquery, je crois.

    Quelque chose comme ceci : http://jquery.malsup.com/form/

    UPD 

    <script src="http://malsup.github.com/jquery.form.js"></script>
    • Juste mort! Merci pour la réponse rapide... je l'avais tout simplement oublié d'inclure le formulaire de plugin le le head du document HTML. Doh!
    • Duuuh, de sorte que de nombreux scripts pour garder une trace de! Merci pour la réponse!
    • merci de votre réponse a été très serviable
    • J'ai eu un problème similaire, mais dans mon cas, j'ai mis à jour jQuery à partir 1.3.1 3.2.1, mais j'ai toujours eu jQuery Forme de Plugin 2.19, qui utilise obsolète code qui n'est pas compatible avec jQuery 3.2.1. La solution dans mon cas était de mise à niveau de jQuery Forme de Plugin 3.51.0, qui est compatible avec jQuery 3.2.1.
    InformationsquelleAutor Mike Park
  2. 6

    c'est une nouvelle fonction de sorte que vous avez à ajouter un autre fichier lib après la lib jQuery

    <script src="http://malsup.github.com/jquery.form.js"></script>

    il va travailler.. j'ai testé.. espérons qu'il va travailler pour vous..

    InformationsquelleAutor Sandeep Kapil
  3. 3

    Ajax Soumettre le formulaire à la page de l'actualisation à l'aide de jquery ajax d'abord la méthode inclure la bibliothèque jquery.js et jquery-form.js puis créer un formulaire en html:

    <form action="postpage.php" method="POST" id="postForm" >

<div id="flash_success"></div>

name:
<input type="text" name="name" />
password:
<input type="password" name="pass" />
Email:
<input type="text" name="email" />

<input type="submit" name="btn" value="Submit" />
</form>

<script>
  var options = { 
        target:        '#flash_success',  //your response show in this ID
        beforeSubmit:  callValidationFunction,
        success:       YourResponseFunction  
    };
    //bind to the form's submit event
        jQuery('#postForm').submit(function() { 
            jQuery(this).ajaxSubmit(options); 
            return false; 
        }); 


});
function callValidationFunction()
{
 // validation code for your form HERE
}

function YourResponseFunction(responseText, statusText, xhr, $form)
{
    if(responseText=='success')
    {
        $('#flash_success').html('Your Success Message Here!!!');
        $('body,html').animate({scrollTop: 0}, 800);

    }else
    {
        $('#flash_success').html('Error Msg Here');

    }
}
</script>
    InformationsquelleAutor Vishnu Sharma
  4. 2

    Essayer:

    $(document).ready(function() {
    $('#contact-form').validate({submitHandler: function(form) {
         var data = $('#contact-form').serialize();   
         $.post(
              'url_request',
               {data: data},
               function(response){
                  console.log(response);
               }
          );
         }
    });
});
    • Pour améliorer la qualité de votre poste, veuillez inclure comment/pourquoi votre post va résoudre le problème.
    InformationsquelleAutor Edgar
  5. 1

    Essayer ajaxsubmit de la bibliothèque.
    Il ne ajax submition ainsi que la validation via ajax.

    Également de la configuration est très souple à l'appui de toute nature de l'INTERFACE utilisateur.

    Démo disponible avec js, css et html sont des exemples.

    • lien vers la démo est cassé
    InformationsquelleAutor Bogdan Gusiev
  6. 1

    Drupal 8

    Drupal 8 ne comprend pas JS-bibliothèques de pages automatiquement. Alors, plus probablement, si vous rencontrez cette erreur, vous devez joindre 'core/jquery.la forme de la bibliothèque de votre page (ou la forme). Ajouter quelque chose comme ceci à votre rendu de tableau:

    $form['#attached']['library'][] = 'core/jquery.form';
    InformationsquelleAutor MiSHuTka
  7. -4
    $(form).ajaxSubmit();

    déclenche une autre validation résultant d'une récursivité. essayez de la modifier à 

    form.ajaxSubmit();
    • Quoi? Pas loin d'être vrai... Pourquoi serait-ce déclencheur de toute sorte de récursivité?!
    InformationsquelleAutor tildemark