Sujet Précédent Sujet Suivant

Champ de formulaire et bdd !

Résolu/Fermé
emrh Messages postés 427 Date d'inscription mardi 9 décembre 2014 Statut Membre Dernière intervention 9 avril 2024 - 13 mars 2015 à 14:13
emrh Messages postés 427 Date d'inscription mardi 9 décembre 2014 Statut Membre Dernière intervention 9 avril 2024 - 15 mars 2015 à 20:49
Bonjour à tous...

Je travaille en local sur une WebAppli perso (gestion de menus et liste de courses).
J'ai donc créé un formulaire pour entrer dans ma bdd des aliments et j'aimerai ne pas avoir à remplir ce formulaire en entier pour au final avoir un message m'informant que cet article est déjà présent dans la base...
La partie PHP fonctionne, mais celle en JavaScript qui contôle la saisie à la perte de focus du champ 'nom' semble ne pas fonctionner.
(Je précise que je n'y connais rien (ou pas grand chose en JavaScript) et que mon code s'inspire d'éléments pris sur différents forums ou tuto...)

Voici mon code :

Le formulaire : 

<head>  
    <script src="/js/jquery.js"></script>       
</head>

// ...

<form method="post" action="+aliment_enregistrement.php">
     <fieldset>
          <legend>Enregistrement</legend>
          <label for="nom">Désignation : </label>
          <input type="text" name="nom" id="nom" value="" required /><br />
          <div id="namebox"></div> <br /><br />
     </fieldset>
     <input type="submit" value="Envoyer" />
     <input type="reset" value="Effacer" />
</form>

// ...
<script type="text/javascript">
$(function(){
    // Cette fonction s'execute une fois tous les éléments de ta page chargés    
    $("#nom").change(function(){
        // cette fonction s'execute au changement de valeur de ton input   

        var saisie = $(this).val(); // récupération de la valeur saisie par l'utilisateur         

        $.post("verifaliment.php", { "valeurSaisie" :  saisie })
            .done(function(data){
                 // cette fonction est executée au succès de l'appel ajax
                 // => elle prend en param le contenu de la réponse
                 if (data == 1) {
                    document.getElementById("namebox").innerHTML = "Attention : cet aliment a déjà été créé" ;
                 }
                 else if (data == 2) {
                    document.getElementById("namebox").innerHTML = "" ;
                 }
            })
            .fail(function(){
                 // cette fonction est executée en cas d'echec de l'appel
                 alert('Vérification de saisie impossible actuellement !');
            });    
   });
});
</script>


Et ma partie traitement : (verifaliment.php) 

<?php
if (isset($_POST['valeurSaisie'])){
    // Connexion à la base de données :
    require ('connexion.php');
    // Formatage de la saisie utilisateur : 
    $nom = strtoupper($_POST['valeurSaisie']);
    // Requête vérification dans bdd si aliment déjà présent : 
    $requete = $bdd->prepare('SELECT aliment_id FROM menu_aliments WHERE aliment_nom = :nom LIMIT 1');
    $requete->execute(array('nom' => $nom));
    $count = $requete->rowCount();

    if($count > 0){     // L'aliment existe déjà dans la base
        $data = 1;          
    }
    else {              // L'aliment n'existe pas
        $data = 2;          
    }

    // Fermeture connexion 
    $requete->closeCursor();
}
?>


La sortie du champ 'nom' déclanche bien dans la console Web un appel sur la page 'verifaliment.php' mais aucun message n'apparait indiquant si l'aliment est présent ou non dans la base.

Je pense que je ne sais pas comment retourner le résultat de la page 'verifaliment.php à la page formulaire...

Je vous remercie d'avance pour votre aide !



1 réponse

Réponse 1 / 1
emrh Messages postés 427 Date d'inscription mardi 9 décembre 2014 Statut Membre Dernière intervention 9 avril 2024 20
15 mars 2015 à 20:49
Avec un echo ça fonctionne mieux !
Le traitement ne renvoyait rien au script ! ! ! 

// Fermeture connexion
    $requete->closeCursor();
    echo $data;


Il faut aussi ajouter un espace dans le innerHTML = ' '; sinon le
message d'erreur n'est pas effacé en cas de correction par
l'utilisateur du champ input...

Le code du traitement : 
<?php
if (isset($_POST['valeurSaisie'])){
    // Connexion à la base de données :
    require ('connexion.php');
    // Formatage de la saisie utilisateur :
    $nom = strtoupper($_POST['valeurSaisie']);
    // Requête vérification dans bdd si aliment déjà présent :
    $requete = $bdd->prepare('SELECT aliment_id FROM menu_aliments WHERE aliment_nom = :nom LIMIT 1');
    $requete->execute(array('nom' => $nom));
    $count = $requete->rowCount();

    if($count > 0){     // L'aliment existe déjà dans la base
        $data = 1;
    }
    else {    // L'aliment n'existe pas
        $data = 2;
    }

    // Fermeture connexion
    $requete->closeCursor();
    echo $data;
}
?>
0

Discussions similaires

Nom de champs du tableau croisé dynamique non valide
Kazooie123 -
SajDri -

6 réponses
comment intégrer une fonction SI dans un champ calculé
vg42 -
vera -

2 réponses
Je n'arrive plus à récuperer mon compte Outlook
gnulinux_ -
laure -

4 réponses
Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

1 réponse
formulaire resiliation freebox
bonzai470 -
bonzai470 -

5 réponses