Vérifier un INPUT avant de valider

**Danwan** · 06/09/2016, 20h02

Bonjour à tous.

J'ai un petit script, tournant parfaitement bien, composé d'un input et d'un button.

Seulement voilà, j'aurais besoin de faire vérifier qu'en cliquant sur le button, des conditions soit remplies pour mon input.

Après recherches, je trouve tout le temps des scripts avec des input dans des form. Le miens ne l'est pas...

J'aimerais notamment insérer que du numérique et au minimum de 5.

Est-ce possible facilement ?

Mon codage :

Code :

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

<input id="note" placeholder="Votre note"/><br /><button id="ajouter">Ajouter</button>

Merci à tous

**eleydet** · 06/09/2016, 21h48

Pouvez-vous nous montrer votre petit script tournant parfaitement bien?

En cliquant sur le bouton, une fonction doit être appelée? Avez-vous créé cette fonction? Elle devrait récupérer la valeur dans la zone de texte. Que fait ensuite votre fonction? Pouvez-vous nous la montrer?

**danielhagnoul** · 06/09/2016, 22h07

Si j'ai bien compris le besoin :

Code CSS :

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

1
2
3
4
5
6
7
<style>
    [for="note"] {
      display: block;
      margin: 1rem;
      padding: 0.5rem;
    }
  </style>

Code HTML :

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

1
2
3
4
5
<body>
  <main>
    <label for="note">Votre note : <input id="note" type="number" min="5" max="10" step="1" value="5"></label>
  </main>
</body>

**Danwan** · 06/09/2016, 22h51

C'est parfait !!!!!!!!!

Ca marche au poil merci infiniment

Vérifier un INPUT avant de valider

JavaScript

Discussions similaires

Partager

Partager