[RESOLU] Form - Submit , Reset et Cancel

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Form - Submit , Reset et Cancel

Re: Form - Submit , Reset et Cancel

par Calimero » 07 mai 2012, 13:34

Les fameux boutons
J'avais besoin de 3 boutons dans un formulaire, 1 pour la sauvegarde, 1 pour effacer le contenu du formulaire et un autre pour annuler la saisie et retourner à la page d'origine. Le problème est que, même avec un <button> dont le type est inexistant ou différent de "reset" le bouton exécutera quand même l'action du formulaire. Je suis arrivé à une solution et je vous la partage.
Parcequ'un button est de type submit par défaut. Il faut lui affecter type="button" explicitement.
<button>Ceci est un submit</button>
<button type="submit">Ceci aussi est un submit</button>
<button type="button">Ceci n'est pas un submit</button>

Form - Submit , Reset et Cancel

par cPage » 06 mai 2012, 20:59

Les fameux boutons
J'avais besoin de 3 boutons dans un formulaire, 1 pour la sauvegarde, 1 pour effacer le contenu du formulaire et un autre pour annuler la saisie et retourner à la page d'origine. Le problème est que, même avec un <button> dont le type est inexistant ou différent de "reset" le bouton exécutera quand même l'action du formulaire. Je suis arrivé à une solution et je vous la partage.

Code : Tout sélectionner

<form enctype="application/x-www-form-urlencoded;charset=UTF-8" method="post" action="http://localhost/project1/table/insert" > <label for="table" >Table</label><input type="text" name="table" /> <button type="submit">Enregistrer</button> <button type="reset">Reset</button> <button type="reset" onclick="location.href='http://localhost/project1/table'" >Cancel</button> </form>