Javascript valider X nombre de champs dans un formulaire HTML

Question

J'ai un formulaire, qui a environ 10 entrées de texte (utilisateur, adresse, email, etc;) et environ 50 entrées qui sont des entrées de quantité (les utilisateurs choisissent 2x de cet article , 5x de cet article).

Maintenant j'ai hérité ce formulaire de quelqu'un d'autre (maintenant c'est mon devoir de le tenir à jour, quand le client le demande).

Je ne veux pas tout réécrire, mais je voudrais ajouter une validation pour les champs de quantité.

Maintenant, les champs de quantité sont toutes différentes choses nommées (b1, C55, d, 12)

Fondamentalement, je voudrais écrire un script (mais ne sais pas comment rechercher pour cela, ou arriver) Côté JS, cela ignorerait les balises que je connais (utilisateur, adresse, email etc;) mais vérifier si les autres sont des nombres (soit vide - non sélectionnés, soit 1-99)

Answer 1

Appliquer un class aux éléments (mon code utilise une classe check) comme suit:

<input type="text" name="b1" class="check" />

et le code jQuery suivant, qui vérifie uniquement ces éléments avec la classe check.

$('#myformid').submit(function(){ 
    $(':input.check').each(function(){ 
     field = $(this); 
     valInt = parseInt(field.val()); // value as an integer 

     if (isNaN(valInt) || (valInt < 1 || valInt > 99)) // displays an error if the val is < 1 or > 99 
      alert('Error in the field ' + field.attr('name') + ': must be number from 1-99'); // change this to whatever you want the form to do if there's an error 
    }); 
}); 

Fondamentalement, ce que cela fait est le suivant: lorsque le formulaire est soumis, il passe par tous les domaines que vous souhaitez qu'il (noté :input.class pour attraper chaque champ avec la classe correcte) et vérifie si elle est (un) un nombre, et (b) inférieur à 1 ou supérieur à 99. S'il s'agit d'un nombre et est en dehors de la plage, il alerte l'utilisateur d'une erreur. Vous pouvez modifier la notification alert() pour la gestion des erreurs que vous souhaitez que votre formulaire ait.