Javascript Girl
  1. Javascript Girl
  3. Spécifiez la plage de nombres à saisir dans le champ numéro à l'aide de javascript
Intereting Posts
Convertir du texte HTML en texte brut dans JS sans environnement de navigateur Sauvegarder la carte Google actuelle en tant qu'image Afficher ou masquer un élément en utilisant javascript dans tous les navigateurs Sélecteur de classe le plus proche jQuery Testez si une promesse est résolue ou rejetée avec Jasmine dans Nodejs Modification de l'URL avec jQuery sans recharger la page Comment puis-je récupérer toutes les correspondances pour une expression régulière en JavaScript? Utilisez javascript pour vérifier les codes d'état http Comment utiliser .removeClass () pour désactiver la fonction jquery Pas de son sur iOS 6 Web Audio API Comment utiliser jQuery dans AngularJS Des ressources Express avec un middleware d'authentification? Dessiner des polygones régionaux sur google maps v3 API Glisser à travers des images avec Bokeh Slider Existe-t-il un strcmp JavaScript ()?

Spécifiez la plage de nombres à saisir dans le champ numéro à l'aide de javascript

J'ai un champ 'sessionid' de type texte dans un formulaire html. Je souhaite que l'utilisateur n'entende que des nombres allant de 1 à 12 et plus. Si 0 ou 13 etc est entré, une erreur est renvoyée.

Voici le formulaire html 

Session Id </td> <td> <input type="text" name="session id" />

Merci. Merci d'aide.

La manière la plus simple serait d'utiliser un champ sélectionné 

 <select name="number-chooser"> <option value="1">1</option> <option value="2">2</option> <option value="3">Three</option> <option value="4">4</option> </select>

C'est bon pour les petits espaces numériques, mais si vous allez beaucoup plus gros, REGEXP est votre ami.

Essayez de convertir le nombre en un int: 

  <script type="text/javascript"> function checksession(sess){ var i = parseInt(sess); if(isNaN(c) || c < 1 || c > 12){ alert("Invalid session id!"); } } </script>

Pour les navigateurs modernes, je recommanderais d'utiliser le type d'entrée du number HTML5: 

 <input type="number" name="sessionid" min="0" max="12" >

Vous pouvez utiliser des expressions régulières.

http://www.javascriptkit.com/javatutors/re.shtml

http://www.regular-expressions.info/numericranges.html 

  <script language="JavaScript1.2"> function checkpostal(){ var regexp=/^([1-9]|10|11|12)$/ //regular expression if (document.myform.sessionid.value.search(regexp)==-1) //if match failed alert("wrong input") } </script> <form name="myform"> <input type="text" name="sessionid"> <input type="button" onClick="checkpostal()" value="check">