Discussion :

[Zebulon777]

Bonjour à tous,

en HTML5, il est possible d'ajouter des contrôles sur les inputs box directement au code HTML.
Mais d'après ce que j'ai testé, il ne sont appliqués que lorsqu'on clique sur un bouton de type "submit".
Or ce type de bouton provoque un rechargement de la page.

Comment faire pour garder les même contrôles sans avoir le rechargement de la page, ou encore mieux pour que les même contrôles ?

Un pitit exemple au cas où je n'aurai pas été très clair :

Code html :

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

1
2
3
4
<div id="Div_Valid" align="center">
	<input name="B_Valid" type="submit" class="Bouton_Validation2" id="B_Valid" value="Validation de la saisie" onclick="B_Valid_onclick()" alt="..." language="javascript" />	
	<input type="number" step="1" value="0" min="0" max="400" />
</div>

J'ajoute une autre question : le type des inputs est "number", mais lorsque je saisie des lettres, il n'y a aucun message d'erreur !
Comment se fait-ce, docteur ?

[Zebulon777]

LOL, on ne peut pas dire que ma question ait déchainé les passions

[Bovino]

LOL, on peut pas dire que tu mettes beaucoup d'entrain à faire des recherches (tu es peut-être atteint de phobie recherchive )
L'API HTML5 de contrainte de validation.

[Zebulon777]

Nan, nan, ca va...
Plus sérieusement, j'avais déjà trouvé ce tuto (qui est nickel), mais ça ne répond pas à ma question, ou alors je suis passé à côté :

Comment se passer de l'obligation d'utiliser un "submit" pour que les contrôles soient pris en compte et s'affichent automatiquement (par exemple, le cadre rouge sous IE en cas de champs erroné sous IE) ?

(Je sais bien que je peux faire ça en code JS, mais l'utilisation du code HTML est super plus simple.)

[SpaceFrog]

fais une vérif en direct ...
onchange, onblur, onkeypress ....

[Bovino]

Si le type de l'input est reconnu par ton navigateur, tu ne devrais pas pouvoir soumettre des valeurs non valides.
Attention, par exemple, Firefox ne reconnait pas le type number, dans ce cas, tu peux passer par l'attribut pattern.

[Zebulon777]

@Spacy : ouais, je me doutais bien que j'allais y venir

@Bovino : merci de l'information, je ne savais pas, je vais modifier en conséquence.