[Resolved] how to force numeric input?

scorpioy

I visited some websites that when the user needs to fill in some field that is supposed to be numeric, then if the user try to input a charactor, it won't appear in the field at all. Only numberic input will be shown. Does anyone know how to code it in PHP?

Thanks.

LordShryku

In real time, you can't with php. It has to be submitted to the server for php to do it. In that case, you'd use [man]preg_replace[/man] or [man]eregi_replace[/man].

zapa

javascript will prevent user from typeing anything but numbers..

php can check if after submiting but for checking well entering use JS

add this to you Field tag...

onKeypress="if(!isNS4){if(event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;}else{if(event.which < 45 || event.which > 57) returnfalse;}"

NOTE ABOVE IS JAVASCRIPT, not php

that will allow use to limit key use (numbers) its limited to browser capablity

scorpioy

Originally posted by zapa
onKeypress="if(!isNS4){if(event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;}else{if(event.which < 45 || event.which > 57) returnfalse;}"
NOTE ABOVE IS JAVASCRIPT, not php

that will allow use to limit key use (numbers) its limited to browser capablity [/B]

I used this code, but it doesn't work. Did you make typo error in it? What is 'isNS4'?

Thanks.

The_Chancer

isNS4 refers to the browser type I actually think it should be is_NS4....

zapa

check out this page:

http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_20964735.html

scorpioy

I tested it with IE. I tried is_NS4, but it still doesn't work 🙁

tsinka

Hi,

you could try the following:

Inside the Header tags of your HTML document put the following JavaScript code:

Inside the input:

Thomas

LordShryku

<head>
<script type="text/javascript">
function validNum(myField) {
   var notInt = /\D/g;
   return myField.replace(notInt, "");
}
</script>
</head>
<body>
<input type="text" onkeyup="this.value = validNum(this.value)" />
</body>

scorpioy

I tried all the code above. They did not work on my machine, but the following code finally made it worked out. 🙂

onKeypress="if(document.all){if(event.keyCode < 48 || event.keyCode > 57){return false;}}else{if(event.charCode < 48 || event.charCode > 57){return false;}}"