numbers only text input.

@efervescenteDec 09.2006

hello.
i’m new to javascript, and trying to code something that seems easy, i got stuck.

what i want to do is:
if you enter anything except numbers in a form and you click this button “send” to send the info, a window will pop up saying “enter numbers only”.

this is the code i have:

function validatephone(){
if(document.form.phone.value!=’????’){
alert(“Enter numbers only.”);
return false;
}

is that the right way? if it is, what should i enter in ???? so it will accept numbers only?
if that’s wrong, what’s the right way?

i hope someone comes with help. thanks!

to post a comment

JavaScript

15 Comments(s) _↴

@JMRKERDec 09.2006 — #Look at the 'checkphone()' for ideas:

http://developer.apple.com/internet/webcontent/validation.html

@efervescenteauthorDec 09.2006 — #ok, thanks, i'm gonna play around with those codes and try to get a good result.

still if anyone has the exact code, post it here!

@CharlesDec 09.2006 — #<input onkeyup="this.value = this.value.replace (/D/, '')">

@KorDec 09.2006 — #when you said about "phone" named element in a form, we all understood what's all about. Otherwise, be careful, when dealing with programming languages (and mathematics as well) you should specify which kind of numbers are? decimal? Other base? If decimal, are they real, integer, floated?...

@efervescenteauthorDec 09.2006 — #i used phone as example beacuse... it has numbers. i don't want anything but numbers, from 0 to 9, if you enter 551 or 123 or 6312, it will be accepted. if you enter anything that is not a number, like 0.98 or $%gg, and alert will pop up when you click the "send" button that sends the info (i forgot this part in the first post) asking you to Please enter numbers only.

@CharlesDec 09.2006 — #Do give my example above a try.

@konithomimoDec 09.2006 — #<input onkeyup="this.value = this.value.replace (/D/, '')">[/QUOTE]

Using that wont work if the user holds down a key. It will only remove one instance of a non-numeric input

@CharlesDec 09.2006 — #Oops. But this''l correct for that:<input onkeyup="this.value = this.value.replace (/D+/, '')">

@gooncorpDec 09.2006 — #when the user submits the value run this code:

[code=php]
 if(parseInt(input.value)!=input.value){
 alert('enter only numbers');
 return false;
 }[/code]

where input is the input box you are referring to.

@efervescenteauthorDec 09.2006 — #Charles, i think that's not exactly what i want, i want numbers only, your code says something about replace.

gooncorp's code is the one i needed. thanks!

thanks everyone for helping!

i found this one http://simplythebest.net/scripts/DHTML_scripts/javascripts/javascript_25.html that is interesting, but if you paste something from clipboard that isn't a number, it will be accepted. so i'll just stick to my original idea (pop up).

thanks!

@CharlesDec 09.2006 — #Charles, i think that's not exactly what i want, i want numbers only, your code says something about replace.[/QUOTE]Bother to try my example, exactly the way it is, just for kicks.

@ayse_incebulutDec 09.2006 — #

 <br/>
 &lt;script type="text/javascript"&gt;
 
 function onKeyPressNumbers(e)
 {
 var key = window.event ? e.keyCode : e.which;
 
 // alert(key) ;
 
 var keychar = String.fromCharCode(key);
 
 // alert(keychar);
 
 reg = /D/;
 
 
 // alert(reg.test(keychar)) ;
 
 // alert(!reg.test(keychar)) ;
 
 return !reg.test(keychar);
 }
 &lt;/script&gt;
 
 &lt;body&gt;
 &lt;form&gt;
 &lt;input type="text" onkeypress="return onKeyPressNumbers(event);" /&gt;
 &lt;/form&gt;

@konithomimoDec 09.2006 — #Charles, i think that's not exactly what i want, i want numbers only, your code says something about replace.

gooncorp's code is the one i needed. thanks!

thanks everyone for helping!

i found this one http://simplythebest.net/scripts/DHTML_scripts/javascripts/javascript_25.html that is interesting, but if you paste something from clipboard that isn't a number, it will be accepted. so i'll just stick to my original idea (pop up).

thanks![/QUOTE]
It would be best to use the regular expression that Charles suggested.

replace() is just a method that checks a string, character by character, against the first argument . . . in this case it checks to see if it is anything other than a number . . . and then replaces the specified character with the second argument . . . in this case '', which is two single quotes, thus meaning replace it with nothing . . . if it is not what you want, a number.

@g78Aug 21.2010 — #Bother to try my example, exactly the way it is, just for kicks.[/QUOTE]

nifty code, i like it.

its simple and effective. ?

@OfekmeisterAug 21.2010 — #

[CODE]
 <html>
 
 <head>
 
 <script type="text/javascript">
 <!--
 
 function ValidatePhone(validNumber)
 {
 
   validNumber = parseInt(validNumber);
 
   if(isNaN(validNumber))
   {
 
   alert("Enter numbers only.");
 
   return false;
 
   }
 
   else 
   {
 
   return true;
 
   }
 
 }
 
 function ValidateForm()
 {
 
   var validNumber = document.getElementsByName('phone');
 
   if (!ValidatePhone(validNumber.value)) 
   { 
 
   return false;
 
   }
 
   else
   {
 
   // put whatever you want javascript to do with the number
 
   }
 
 }
 
 //-->
 </script>
 
 </head>
 
 <body>
 
   <form onsubmit="ValidateForm(); return false;"
 
   Enter phone number: <input type="text" name="phone" maxlength="10" onchange="return ValidatePhone(this.value)" <br /> />
 
   <input type="submit" value="Send" />
 
   </form>
 
 </body>
 
 </html>
 [/CODE]

Also in #JavaScript _↴

copy url to clipboard with a click java script showing an image in a span Checking zip code and fill state field

Success!

Help @efervescente spread the word by sharing this article on Twitter...

Tweet This

numbers only text input.

15 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

numbers only text input.

15 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

15 Comments(s) _↴

Also in #JavaScript _↴