validation d'un formulaire [Résolu]

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
alf78fr
Messages : 11
Enregistré le : 23 avr. 2019, 10:40

validation d'un formulaire [Résolu]

Message par alf78fr » 18 mars 2022, 22:40

Bonsoir à toutes et à tous

j'ai formulaire avec un "onclick" qui me lance une vérification de mes valeurs inputs
*
Après la validation je voudrait qu'il face un submit

Code : Tout sélectionner

function valider(id,candidats) {
    var Tableau=new Array();
    let Resultat = 0;
    const Formulaire = document.getElementById("formulaire");

    var Exprime = Number(document.getElementById("exprime"+id).value);
    var Blanc = Number(document.getElementById("blanc"+id).value);
    var Nul = Number(document.getElementById("nul"+id).value);

    for (let i = 1; i < candidats+1; i++) {

        var resultat =document.getElementById(i+"-"+id).value;

        Resultat += Number(resultat);
    }

    var Total= Exprime-(Blanc+Nul+Resultat);

    if (Total != 0) {
       alert(Total);
    }
    else
    {
        validation de formulaire------>
    }
*
mon code html

Code : Tout sélectionner

<form method="post" id="formulaire" enctype="text/plain" action="traitement.php">

<div class="text-center"><a class="btn btn-danger" href="#"  onclick="valider(<?php echo $ligne['id'] ?>,<?php echo $ligne1['id'] ?>)">Valider</a></div>
Merci de votre aide
Modifié en dernier par alf78fr le 20 mars 2022, 16:42, modifié 1 fois.

Avatar du membre
webmaster
Administrateur du site
Messages : 483
Enregistré le : 28 févr. 2017, 15:19

Re: validation d'un formulaire

Message par webmaster » 19 mars 2022, 13:48

Bonjour,

Le plus simple est d'ajouter un name au formulaire

Code : Tout sélectionner

<form method="post" name="myForm" id="formulaire" enctype="text/plain" action="traitement.php">
La validation se fait alors avec :

Code : Tout sélectionner

document.myForm.submit()
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

alf78fr
Messages : 11
Enregistré le : 23 avr. 2019, 10:40

Re: validation d'un formulaire

Message par alf78fr » 19 mars 2022, 16:32

merci pour la réponse mais cela ne marche pas

Avatar du membre
webmaster
Administrateur du site
Messages : 483
Enregistré le : 28 févr. 2017, 15:19

Re: validation d'un formulaire

Message par webmaster » 19 mars 2022, 17:22

Il me faudrait le code complet pour mieux comprendre
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

alf78fr
Messages : 11
Enregistré le : 23 avr. 2019, 10:40

Re: validation d'un formulaire

Message par alf78fr » 20 mars 2022, 16:18

voici le code de la page

Code : Tout sélectionner

<?php
require "data.php";

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Saisies</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/javascript.js"></script>
</head>
<body>
<header>
    <div class="container text-center fs-2 fw-bold text-decoration-underline">Election présidentiel premier tour</div>
</header>
<article>
    <div class="container"><form>
        <ul class="nav nav-tabs" id="myTab">
            <?php
            $valeur = $bdd->prepare('select * from Bureau');
            $valeur->execute();
            $nombredeligne = $valeur->fetchAll();

            $valeur1 = $bdd->prepare('select * from candidats');
            $valeur1->execute();
            $nombredeligne1 = $valeur1->fetchAll();


            foreach ($nombredeligne as $ligne){?>
                <li class="nav-item">
                    <a href="#BV<?php echo $ligne['id']?>" class="nav-link <?php if ($ligne['id'] == 1) {echo "active";}?>" data-bs-toggle="tab">BV N°<?php echo $ligne['id'] ?></a>
                </li>

            <?php
            }
            ?>
        </ul>

            <div class="tab-content">
                <?php foreach ($nombredeligne as $ligne){?>

                    <div class="tab-pane fade show <?php if ($ligne['id'] == 1) {echo "active";}?>" id="BV<?php echo $ligne['id'] ?>">
                        <h4 class="mt-2 bg-danger text-white fst-italic"> <?php echo $ligne['bureau']?></h4>

                        <form method="post" name="myForm" id="formulaire" enctype="text/plain" action="traitement.php">

                                <table class="table table-bordered table-success table-striped" >
                                <tr>
                                    <th scope="col" class="col-10" >Nombres d'électeur:</th>
                                    <th scope="col" class="col-2"> <?php echo $ligne['nombre_electeur']?></th>
                                </tr>
                                </table>

                                <table class="table table-bordered table-success table-striped" >
                                    <tr>
                                        <th scope="col" class="col-10" style="font-weight: normal;">Nombres de bulletin exprimé :</th>
                                        <th scope="col" class="col-2" style="font-weight: normal;"><input class="form-control" type="text" maxlength="4" placeholder="<?php echo $ligne['bulletin_exprime'] ?>"  id="exprime<?php echo $ligne['id'] ?>" ></th>
                                    </tr>
                                    <tr>
                                        <th scope="row" style="font-weight: normal;">Nombres de bulletin blanc</th>
                                        <th  style="font-weight: normal;"><input class="form-control" maxlength="4"  placeholder="<?php echo $ligne['bulletin_blanc'] ?>" id="blanc<?php echo $ligne['id'] ?>" ></th>
                                    </tr>
                                    <tr>
                                        <th scope="row" style="font-weight: normal;">Nombres de bulletin nul</th>
                                        <th style="font-weight: normal;"><input class="form-control" maxlength="4" placeholder="<?php echo $ligne['bulletin_nul'] ?>" id="nul<?php echo $ligne['id'] ?>" ></th>
                                    </tr>

                                        <?php foreach ($nombredeligne1 as $ligne1) {
                                            $Candidat = "Candidat". $ligne1['id'];
                                            ?>
                                            <tr>
                                                <th scope="row" style="font-weight: normal;"> <?php echo $ligne1['Nom'] ?></th>
                                                <th><input class="form-control" maxlength="4" placeholder="<?php echo $ligne["$Candidat"] ?>" id="<?php echo $ligne1['id'] ?>-<?php echo $ligne['id'] ?>" ></th>
                                            </tr>
                                            <?php
                                        }
                                        ?>

                                </table>
                                <table class="table table-bordered table-success table-striped">
                                    <tr>
                                        <th>
                                            <div class="text-center"><a class="btn btn-danger" href="#"  onclick="valider(<?php echo $ligne['id'] ?>,<?php echo $ligne1['id'] ?>)">Valider</a></div>
                                        </th>
                                    </tr>
                                </table>

                            </form>



                    </div>





                <?php
                    }
                    ?>
            </div>

            </form></div>
</article>


<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#MyModal">
    Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="MyModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Attention</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                Erreur dans les saisies
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

            </div>
        </div>
    </div>
</div>



</body>
</html>

alf78fr
Messages : 11
Enregistré le : 23 avr. 2019, 10:40

Re: validation d'un formulaire [Résolu]

Message par alf78fr » 20 mars 2022, 16:40

Problème résolu

merci pour votre aide

Répondre