how to restrict users to put the numbers in range of -4713 and +9999 in javascript?

Question

0.00/5 (No votes)

See more:

Javascript

I have a textbox need to restrict user to put number in between range of -4713 and +9999 only in javascript.

Posted 9-May-11 18:33pm

nitendrasingh

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-05-09T18:53:00

Restrict? No! You can validate it at the moment of use; that would be a right solution.

As to restriction during entering data… Do be logical! You can handle keyboard event and filter some characters (and you should do it), but the range… Whatever you do, it will be ugly and confuse your customer. Imaging entering 999 and adding one more character on the right: 1 should be allowed and 9 filtered out! Just forget it. Filter out all characters but digits and minus, let the user enter anything. At the moment of use, try convert to integer and show error if the value is outside the range. That's is.

Here is how to filter out:

HTML

<html>
   <head>
      <script type="text/javascript"><!--
         function filterDigits(eventInstance) { 
            eventInstance = eventInstance || window.event;
                key = eventInstance.keyCode || eventInstance.which;
            if ((47 < key) && (key < 58) || key = 45 || key == 8) {
               return true;
            } else {
                    if (eventInstance.preventDefault) eventInstance.preventDefault();
                    eventInstance.returnValue = false;
                    return false;
            } //if
         } //filterDigits
      --></script>
   </head>
<body">

<input type="text" onkeypress="filterDigits(event)"/>

</body>
</html>

—SA

Rahul Rajat Singh · Answer 2 · 2012-06-27T20:30:00

We cannot restrict this. what we can do which is closest to this is have only allowed characters and not let user to move away if he entered a wrong value.

1. Set the maxlength of the textbox to 5. (1 extra to accept the - sign)
2. restrict having characters other than numbers and - sign

Here is a small function for that

JavaScropt

//Function to create textbox based on regular expressions
function AcceptRegExOnly(event, regex)
{
    var keyCode = event.which ? event.which : event.keyCode;

    var keyPressed = String.fromCharCode(keyCode);
    return regex.test(keyPressed);
};

and this is how it can be used

XML

<asp:TextBox ID="TextBox2" runat="server" onkeypress="return AcceptRegExOnly(event, /^[0-9-]$/);" onblur="return validateOnBlur(this);" MaxLength="5"></asp:TextBox><br />

3. Now validate the value onblur event of this textbox. here is the function for that

JavaScript

function validateOnBlur(sender)
       {
           var num = Number(sender.value);
           if(num < -4713 || num > 9999)
           {
               alert('invalid value');
               sender.focus();
               return false;
           }
           return true;
       }

shah dipen · Answer 3 · 2012-06-27T20:45:00

Yes you can not restrict user from doing, instead you can validate user input.

If you're using ASP.NET than use range validator otherwise following javascript code will perform validation:

HTML

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript">
	function validateEntry(sender){

		if(isNaN(sender.value))
		{
			alert("Invalid Number");
			sender.style.background="#FF9EB1";
		}
		else if(!(-4713<=sender.value && sender.value<=9999))
		{
			alert("Value is out of range");
			sender.style.background="#FF9EB1";			
		}
	}
</script>
</head>

<body>
	<input type="text" onchange="validateEntry(this)" />
</body>

</html>

how to restrict users to put the numbers in range of -4713 and +9999 in javascript?

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0