alleen numerieke input afdwingen in input boxen

Auteur: Gml - 02 april 2005 - 16:25 - Gekeurd door: Thomas - Hits: 6583 - 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:

php code - Bekijk de code zonder highlighting - Klap code in

                <html>
	<head>
		<title>
		</title>
	
	<script language="javascript">
		
		function getKeyCode(eventObject)
		{
			if (!eventObject) keyCode = window.event.keyCode; //IE
			else keyCode = eventObject.which;   //Mozilla
			return keyCode;
		}
			
		function onlyNumeric(eventObject)
		{
			keyCode = getKeyCode(eventObject);
			if (((keyCode > 31) && (keyCode < 48)) || ((keyCode > 57) && (keyCode < 127)))
			{
					if (!eventObject) window.event.keyCode = 0; //IE
					else eventObject.preventDefault(); //Mozilla
					return false;
			}
		}
	</script>
	
	</head>
	
	<body>
		<input onkeypress="onlyNumeric(arguments[0])">
	</body>
</html>	

            
<html>
	<head>
		<title>
		</title>
 
	<script language="javascript">
 
		function getKeyCode(eventObject)
		{
			if (!eventObject) keyCode = window.event.keyCode; //IE
			else keyCode = eventObject.which;   //Mozilla
			return keyCode;
		}
 
		function onlyNumeric(eventObject)
		{
			keyCode = getKeyCode(eventObject);
			if (((keyCode > 31) && (keyCode < 48)) || ((keyCode > 57) && (keyCode < 127)))
			{
					if (!eventObject) window.event.keyCode = 0; //IE
					else eventObject.preventDefault(); //Mozilla
					return false;
			}
		}
	</script>
 
	</head>
 
	<body>
		<input onkeypress="onlyNumeric(arguments[0])">
	</body>
</html>
 

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (2)