Vérifier un INPUT avant de valider

Version imprimable

06/09/2016, 20h02
Danwan

Vérifier un INPUT avant de valider

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:

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

Merci à tous
06/09/2016, 21h48
eleydet

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?

Si j'ai bien compris le besoin :

Code:

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

Code:

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>

06/09/2016, 22h51
Danwan

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

Ca marche au poil merci infiniment

Fuseau horaire GMT +2. Il est actuellement 13h49.