Valider un formulaire en jquery et php

Fermé
jess_90 Messages postés 1 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 1 mars 2015 - Modifié par NHenry le 27/05/2015 à 21:45
tete0148 Messages postés 413 Date d'inscription mercredi 19 décembre 2012 Statut Membre Dernière intervention 15 juin 2017 - 27 mai 2015 à 21:29
Bonjour je crée un formulaire et je le valide en php et jquery
je voudrais valider les deux section du formulaire si l'utilisateur appuit sur oui sinon je valide juste la premiere section
j'arrive a afficher la deuxieme section quand l'utilisateur appuit sur oui mais je n'arrive pas valider le formulaire au complet, pourriez vous m'aider svp
voici mon code
HTML
<div class="wrap forms">
                <div class="row  pad-top">
                    <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
                        <div class="panel panel-default" id="form">
                            <div class="panel-heading">
                                <strong>   Veillez vous inscrir ici </strong>  
                            </div>
                            <div class="panel-body">
                                <form role="form" id="enregistrer" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" name="inscription">
                                    <br/>

                                    <div class="form-group input-group">
                                       <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                       <input  type="text" class="form-control" placeholder="Votre nom" name="nom" />
                                    </div>
                                    <span  class="error" style="color:red"><?php echo $nomErr; ?></span>
                                    <div class="form-group input-group">
                                        <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                        <input type="text" class="form-control" placeholder="Votre Prenom"  name="prenom"/>
                                        <span class="error"><?php echo $prenomErr; ?></span>
                                    </div> 
                                    <div class="form-group input-group">
                                        <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                        <input type="text" class="form-control" placeholder="Choisis nom utilisateur"  name="prenom"/>
                                        <span class="error"><?php echo $prenomErr; ?></span>
                                    </div> 
                                    <center>etes-vous pareiner par quelqu'un?
                                     <div class="btn-group">
                                        <button type="button" class="btn btn-default " id='oui' >oui</button>
                                        <button type="button" class="btn btn-default " id="non">non</button>
                                     </div><br/><br/>
                                    </center>

                                    <div class="parein">
                                            <div class="form-group input-group ">
                                                <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                                <input type="text" class="form-control " placeholder="Nom Parein"  name="nomP"/>
                                                <span class="error"><?php echo $nomPareinErr; ?></span>
                                            </div> 
                                        <div class="form-group input-group ">

JS
$(document).ready(function() {  
    
        $('.parein').hide();
        $('button[id="oui"]').on('click',function(){   
            $('.parein').slideDown('slow');
           /* $('input[name="nomF"]').prop('required',true);
            $('input[name="numero"]').prop('required',true);*/
  
        });
       
        $('button[id="non"]').on('click',function(){
              $('.parein').slideUp('slow');
        });
});

PHP
<?php
        require_once('dataBase.php');
        $data = new dataBase();
        $data->connecter();
        $nomErr = $prenomErr = $nomPareinErr = $nIdErr = $prenomPareinErr = "";;
        $nom = $prenom= $nomParein= $nId = $prenomParein="";
// define variables and set to empty values

        if ($_SERVER["REQUEST_METHOD"] == "POST") {
            if (!empty($_POST['ins-submit'])) {
                if (empty($_POST["nom"])) {

                    $nomErr = "* Veillez rentrer votre nom";
                } else {
                    $nom = ($_POST["nom"]);
                    // check if name only contains letters and whitespace
                    if (!preg_match("/^[a-zA-Z ]*$/", $nom)) {
                        $nomErr = "Only letters and white space allowed";
                    }
                }

                if (empty($_POST["prenom"])) {
                    $prenomErr = "* Veillez rentrer votre prenom";
                } else {
                    $prenom = ($_POST["prenom"]);
                    // check if name only contains letters and whitespace
                    if (!preg_match("/^[a-zA-Z ]*$/", $prenom)) {
                        $prenomErr = "Only letters and white space allowed";
                    }
                }

                
                if (empty($_POST["nomP"])) {
                    $nomPareinErr = "* Veillez rentrer le nom du Parein";
                } else {
                    $nomParein = ($_POST["nomP"]);
                    // check if name only contains letters and whitespace
                    if (!preg_match("/^[a-zA-Z ]*$/", $nomParein)) {
                        $nomPareinErr = "Only letters and white space allowed";
                    }
                }
                
                if (empty($_POST["prenomP"])) {
                    $prenomPareinErr = "* Veillez rentrer le prenom du Parein";
                } else {
                    $prenomParein = ($_POST["prenomP"]);
                    // check if name only contains letters and whitespace
                    if (!preg_match("/^[a-zA-Z ]*$/", $prenomParein)) {
                        $prenomPareinErr = "Only letters and white space allowed";
                    }
                }
                if (empty($_POST["numero"])) {
                    $nIdErr = "* Veillez rentrer le nom utilisateur du parein";
                }
}
?>
                                                <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                                <input type="text" class="form-control " placeholder="Prenom Parein"  name="prenomP"/>
                                                <span class="error"><?php echo $prenomPareinErr; ?></span>
                                         </div> 
                                            <div class="form-group input-group ">
                                                <span class="input-group-addon"><i class="fa fa-tag"  ></i></span>
                                                <input type="text" class="form-control" placeholder="Nom utilisateur"  name="numero"/>
                                                 <span class="error"><?php echo $nIdErr; ?></span>
                                            </div> 
                                    </div>
                                    <input type="submit" class="btn btn-info"  value="Valider" name="ins-submit">
                                </form>
                            </div>

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


EDIT: Ajout de la coloration syntaxique.

1 réponse

tete0148 Messages postés 413 Date d'inscription mercredi 19 décembre 2012 Statut Membre Dernière intervention 15 juin 2017 89
27 mai 2015 à 21:29
Si tu pouvais entourer le code de la balise code ça faciliterai la lecture
0