Comment empêcher mon input de recharger ma page

flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   -  
 flexi2202 -
Bonjour a tous

j'ai un formulaire en html avec un bon de commande
la gestion du panier s'effectue quand a elle sur une autre page en javascript

je souhaiterais pouvoir ajouter un code promo a mon formulaire et pouvoir traiter cette information dans la panier en javascript

j'ai donc ajouter dans mon formulaire ce code ou le client pourrait rentrer son code promo
mais rien ne se passe
lorsque je clic sur envoyer

<form id="code-promo"  method="post">
   <label for="promo">Promo</label>
   <input class="form-control" type="text" name="promo1" value="" id="promo1" placeholder="Promo1">
   <div class="row">
      <div class="col-sm-10 ml-auto mr-auto" style="background: #ECE9E7;margin-bottom:10px;text-align:center;">
         <button type="button" name="promo" id="promo" value="" onclick="()" class="btn btn-primary btn-lg" style="width: 100px;height: 50px;color: #FFF;">Envoyer</button>
      </div>
   </div>
   <div class="row">
   </div>
</form>


var promo = document.getElementById('promo').value;


cette fois j'ai regarder dans la console et je vois



je me suis rendu sur la page de erreurs mais je ne vois pas trop ce que l on me veux
j'ai essaye de trouver une solution mais sans succès

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Errors/Unexpected_token

3 réponses

  1. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 588
     
    bonjour,
    te souviens-tu des
    onclick
    de ces derniers jours?
    0
    1. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
       
      bonjour yg_be

      je viens de retrouver un exemple de onclick
      qui me permettait de réaliser une action lors du clic

      avec notre exemple
        <div>
        <input type="radio" id="mondial_relay_belgique" name="envois" value="2" onclick="ChoixLivraison()"  >
        <label for="mondial_relay_belgique">Envois par mondial relay belgique 5 euros</label>
      </div>


      donc dans mon cas lors d un clic
      id="promo"
      pourrait être envoyé vers
      var promo = document.getElementById('promo').value;


      jusque la cela semble logique

      donc je pourrais utilise ceci ?

      <input class="form-control" type="text" name="promo" value="" id="promo" placeholder="promo" onclick="promo()">
      0
  2. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 588
     
    Pour moi, le point de départ, avant de toucher au code, est de définir le traitement qui va être fait de ce code promo.
    Sans comprendre cela, comment faire des suggestions?
    C'est quoi, pour tes visiteurs, et pour toi, un code promo? Cela sert à qui, à quoi, quand?
    0
    1. flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention   190
       
      en fait ce que je souhaite c'est appliquer un code promo
      donc mon idée est la suivante je te donne un code promo a André c'est un exemple qui est "andre2202"
      il est le seul a connaître bien évidement

      Lors de la saisie du formulaire
      il rentre le bon code a c moment je récupère la variable promo du formulaire html vers ma page panier.js ou je vais traiter cette information

      il y a 3 solutions
      soit le code est bon et donc la variable promo et je déduis la promo du total
      soit elle est expirée et donc affichage d'un message
      soit il y a une erreur et la aussi affichage

      Alors pour ce qui est du traitement , c'est moi même qui viendrait soit retirer la promo ou alors en ajouter des nouvelles avec des codes différents
      qui définirait qui y a droit , quand et comment

      oui je sais que cela sera beaucoup de travail en arrière plan , mais c'est ce que j'ai trouvé de plus simple
      0
    2. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   1 588 > flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention  
       
      Tu as loupé le plus important.
      Tu écris "André est le seul a connaître bien évidement".
      En es-tu certain?
      Comment le site peut-il alors vérifier si le code est bon?

      En fait, tu utilises "je" aussi bien pour toi que pour le site.

      " je récupère la variable promo", "je vais traiter cette information", "moi même qui viendrait soit retirer la promo"

      Et donc, que va-t-il se passer quand l'utilisateur clique sur le bouton promo?
      Le site te téléphone pour te demander si le code est bon?
      1
    3. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   1 588 > yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention  
       
      En gros, il est possible de sécuriser tout ce que tu fais en PHP, à condition d'y être attentif.

      Tu ne peux faire confiance à rien de ce qui se passe hors PHP: les utilisateurs peuvent faire ce qu'ils veulent avec ce que tu envoies et t'envoyer, quand ils le veulent les données qu'ils veulent (via POST ou GET).
      1
    4. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   1 588 > flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention  
       
      Oui, tu pourrais alors, par exemple, appeler promo() et y modifier la valeur de la variable promotion.
      1
    5. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   1 588 > flexi2202 Messages postés 3640 Date d'inscription   Statut Membre Dernière intervention  
       
      En apprenant le javascript?
      1
  3. flexi2202
     
    oui je vais m' y mettre cet hiver
    Merci pour toute l aide
    0