IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Empêcher le submit d'un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Par défaut Empêcher le submit d'un formulaire
    Bonjour,

    J'utilise ce script afin d'afficher une alerte javascript et empêcher le submit si la checkbox ('CGU') n'est pas cochée dans un formulaire :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <script type="text/javascript">
    window.onsubmit = function () {
        var input = document.getElementById('CGU');
        function check() {
            if (input.checked) {
    			return true;
            } else {
    			alert("La validation de la Charte des rédacteurs est obligatoire");            
               return false; 
            }
        }
        input.onchange = check;
        check();
    }
    </script>
    Le script fonctionne bien, m'affiche l'alerte en cas de non-cochage, par contre le formulaire est quand même validé. Où est se trouve l'erreur ?

    Merci !

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    "window"???

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    onsubmit c'est sur le form ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Par défaut
    Je n'y connais pas grand-chose en javascript, donc merci d'éclaircir ce que je dois changer

    PS : Sachant que je ne peux pas toucher au formulaire lui-même, car il s'agit d'une fonction ajoutée à une page admin Wordpress (ou alors il faut faire un hook Wordpress, mais cela dépasse mes compétences)

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    sans voir le html du form ??
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    122
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 122
    Par défaut
    Mais il n'y a pas une façon générique d'empêcher un formulaire d'être soumis, en allant simplement vérifier si la checbox 'bidule' est cochée ou non ?
    Car mon code fonctionne pour générer l'alerte (il va donc bien vérifier si la case est cochée ou non), c'est juste que le bouton submit n'est pas désactivé en cas de non-cochage.

    Voilà la checkbox :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input id="acf-field-validation_charte" class="checkbox" name="fields[field_557a90bbb8f59][]" value="OK" type="checkbox">
    et le submit:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input name="submit" id="submit" class="button button-primary" value="Mettre à jour le profil" type="submit">

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Empêcher un submit d'un formulaire
    Par neperien dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 06/06/2013, 17h38
  2. deux bouton submit dans même formulaire
    Par sansouna24 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 29/05/2006, 11h03
  3. plusieurs boutons submit sur un formulaire
    Par clement42 dans le forum Struts 1
    Réponses: 1
    Dernier message: 12/05/2006, 10h42
  4. Un submit pour plusieurs formulaires
    Par beufa dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 29/11/2005, 15h51
  5. Empêcher la réduction d'un formulaire
    Par soso78 dans le forum Access
    Réponses: 3
    Dernier message: 07/10/2005, 17h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo