À l'aide de preventDefault sur un bouton soumettre

Je suis en train d'essayer de résoudre un problème proposé par un jQuery manuel. Il se lit comme suit

"Les données sont présentées même si aucune inscription n'a été faite, pour y remédier, vous devez arrêter l'action par défaut du bouton "soumettre". Pour ce faire, le code de la méthode preventDefault de l'objet d'événement dans l'instruction if, à la fin du fichier, comme dans la figure 10-6

remarque* voici à quoi ressemble le code dans 10-6 qui ne fonctionne pas pour moi, quand je tag à la fin de mon code comme le livre suggère.

if (isValid == false) { event.preventDefault(); }

Rappelez-vous que le nom que vous utilisez pour l'événement, l'objet doit être le même que le nom du paramètre qui est utilisé pour le soumettre gestionnaire d'événement.

remarque* les soumettre gestionnaire d'événement ressemble à ceci

    $("#email_form").submit(
    function() {
        var isValid = true;

                      //the script proceeds to validate each text field accordingly                    bla bla bla

Maintenant, tester à nouveau avec des champs vides. Ceci devrait afficher "Ce champ est obligatoire" à droite de chaque champ, à l'exception du champ du code postal."

Mon problème est que mon preventDefault n'est pas de travail et il va encore se soumettre n'importe ce que j'essaie.

Une note intéressante à partir du texte qui explique la figure 10-6 qui peuvent aider, mais que je n'arrive pas à comprendre, c'est comme suit.

"Ici, vous voyez une finale si l'énoncé est vrai si le isValid variable est false, ce qui signifie qu'un ou plusieurs champs ne sont pas valides. Dans ce cas, la méthode preventDefault de l'objet d'événement est exécuté. Cet objet est passé à la fonction pour les soumettre gestionnaire d'événement en tant que paramètre est stocké dans le cas de la variable par la première ligne de ce gestionnaire. Si vous n'utilisez pas la méthode preventDefault lorsqu'un ou plusieurs champs sont envoyées au serveur, le formulaire sera soumis au serveur puisque c'est son action par défaut."

Toute réflexion serait grandement apprécié.

Vous devez passer event dans la fonction, dans le but d'utiliser event.preventDefault(). function(event) { event.preventDefault() ...
.submit(function(event){ (c'est ce que l'auteur fait référence, event doit être passé à la fonction de gestionnaire d'événement)

OriginalL'auteur user2113538 | 2013-02-27

  1. 7

    La event variable est quelque chose qui doit être transmis à votre gestionnaire. Votre fonction anonyme function(){} doit prendre dans le event variable:

    $("#email_form").submit(function(event){
    var isValid = true;

    //do all your validation here
    //potentially if one of the fields is empty 
    //isValid will be set to false

    if (!isValid) {
        event.preventDefault();
    }
});
    Oui mais j'ai encore besoin d'incorporer l'instruction if... êtes-vous ce qui suggère quelque chose comme cela? si (isValid == false) { $("#email_form").submit(function(event){ event.preventDefault(); }); je ne suis pas sûr de la façon d'écrire cette ligne, mais merci André pour votre aide...
    vous voulez de l'instruction if à l'intérieur la fonction après vous avez tout vérifié. voir mise à jour de réponse.
    Ce on travaille toujours en 2016, avec la dernière jQuery. Solution idéale, aussi pour les uploads de fichier!

    OriginalL'auteur helloandre

  2. 0

    J'ai appris en classe aujourd'hui que la réponse était en fait quelque chose comme cela. 

    $("#email_form").submit(
function(event) {
    var isValid = true;

    nécessaire d'avoir ma fonction à la fin de la vérification (ci-dessous)...

    if (isValid == false) { event.preventDefault(); }

    interagir avec l'événement dans le gestionnaire d'événement pour mon bouton submit.

    OriginalL'auteur user2113538