Form : Comment inhiber le rappel de la page sur validation d'un input ?

**puresprit** · 25/01/2014, 00h17

Bonsoir !
Prenez la "form" la plus élémentaire qui soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<html>
<body>
<form>
  Entrer valeur :<input type="text" name="mavaleur">
</form>
</body>
</html>

Mon problème est le suivant : dès qu'on saisit une quelconque valeur par un <return> dans la zone text, la "form" se valide automatiquement et déclenche un nouvel appel à la page en lui passant la valeur saisie en GET....

Du coup, il n'est pas possible de tester la valeur saisie en javascript (via l'event "onChange") et, en cas d'erreur, d'afficher un message sans déclencher de ré-affichage. J'ai essayé plusieurs trucs dans ma fonction de contrôle, mais rien ne marche.

Existe-t-il une solution ?

**NoSmoking** · 25/01/2014, 10h07

Bonjour,

Prenez la "form" la plus élémentaire qui soit :

certes il manque quand même des éléments essentiels!

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<form onsubmit="alert('yep!');return false;">
  Entrer valeur :<input type="text" name="mavaleur">
</form>

**puresprit** · 26/01/2014, 15h42

OK, et merci ! En fait, ceci n'était qu'un exemple. J'ai une form assez monstrueuse qui contient un "onsubmit" + controles en JS (avec "return false" si erreur). Mais à force d'y rajouter des cas particuliers, j'ai fini par aboutir à cette forme "simpliste" qui m'a permis au moins de découvrir que les "input" intégrent directement le mécanisme de validation, sans qu'il soit besoin d'avoir un bouton pour ça (ou un event associé à la form). Sauf que boutons et events restent indispensables pour générer le "return false" qui shunte la validation et permet de rester sur la page.

Merci encore !

Form : Comment inhiber le rappel de la page sur validation d'un input ?

HTML

Discussions similaires

Partager

Partager