login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:

Scripts > JS > Formulieren > alleen numerieke input afdwingen in input boxen

alleen numerieke input afdwingen in input boxen

Auteur: Gml - 02 april 2005 - 16:25 - Gekeurd door: Thomas - Hits: 6531 - Aantal punten: 5.00 (2 stemmen)




Met dit scriptje kun je gebruikers dwingen alleen numerieke waarden in te vullen bij input boxen in formulieren.

De functie moet vanuit het onkeypress event opgevragen worden omdat de browser dan de toetsaanslag nog niet op het scherm toont. Doordat de functie kan controleren welke toets er ingedrukt wordt kun je voorkomen dat de browser de toetsaanslag laat zien.

Dit scriptje werkt in Mozilla en in Internet Explorer.

Een lijst met alle keycodes: http://www.lookuptables.com/


Code:
  1. <html>
  2. <head>
  3. <title>
  4. </title>
  5.  
  6. <script language="javascript">
  7.  
  8. function getKeyCode(eventObject)
  9. {
  10. if (!eventObject) keyCode = window.event.keyCode; //IE
  11. else keyCode = eventObject.which; //Mozilla
  12. return keyCode;
  13. }
  14.  
  15. function onlyNumeric(eventObject)
  16. {
  17. keyCode = getKeyCode(eventObject);
  18. if (((keyCode > 31) && (keyCode < 48)) || ((keyCode > 57) && (keyCode < 127)))
  19. {
  20. if (!eventObject) window.event.keyCode = 0; //IE
  21. else eventObject.preventDefault(); //Mozilla
  22. return false;
  23. }
  24. }
  25. </script>
  26.  
  27. </head>
  28.  
  29. <body>
  30. <input onkeypress="onlyNumeric(arguments[0])">
  31. </body>
  32. </html>
Download code! Download code (.txt)

 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (2)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.021s