I want a javascript function which will allow only 4 digit number and should not allow text charcter ?

Question

0.00/5 (No votes)

See more:

Hii ,

I want is like , I have text box and it should not allow me to enter characters but at the same time it should allow me to enter only digits which should not be 4 digits

JavaScript

function check(s, e) {
       debugger;
       var theEvent = e.htmlEvent || window.event;
       var key = theEvent.keyCode || theEvent.which;
       key = String.fromCharCode(key);
       var regex = /^\d{4}$/;

       if (!regex.test(key)) {
           theEvent.returnValue = false;
           if (theEvent.preventDefault)
               theEvent.preventDefault();
       }
   }

I am using devexpress aspx text box ..
I can use mask settings but this is not working with type password

Posted 17-Dec-15 0:06am

Torakami

Updated 17-Dec-15 0:43am

Andy Lanng

v5

Add a Solution

Comments

phil.o 17-Dec-15 6:12am

What have you tried? Where are you stuck?

Torakami 17-Dec-15 6:34am

I have updated my question

This is I am trying to check on keypress , but there I dont think it will work . as whatver i type it will not match the criteria

What I want is .. I dont want user to add charctrs , but he can add numbers . but numbers should not be more than 4 digits

F-ES Sitecore 17-Dec-15 7:15am

Validate the password server-side and if it's of the wrong format return the user to the page and give them a message. Remember the user can disable js so avoiding your attempts to validate their password.

2 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)

Andy Lanng · Accepted Answer · 2015-12-17T00:50:00

two options.

A: In html5 you can set a maxlength. you will then have to check on change what the values entered are and restrict it to 4

B: In html5 you can set the textbox to textmode="number" which will restrict the input to numbers only (and will add a number iterator on the right) You will then have to check the textbox changed to check for the digits length

I don't know why, but these two methods don't work together. Either way you will need to check the input in javascript:

quick and easy:

HTML

<input type="text" maxlength="4" onkeyup="this.value = this.value.replace(/[^0-9]/, '')" />

PS: I advise using the jQuery "change" event as that covers copy-paste as well and keystrokes

Hope that helps ^_^
Andy

Torakami · Accepted Answer · 2015-12-17T23:23:00

<dx:ASPxTextBox ID="txtPinNumber" ClientInstanceName="txtPinNumber" CssClass="cpTextbox" Text="" runat="server"
Password="true" MaxLength="4">
<clientsideevents keyup="CheckPinNumber">

C#

function CheckPinNumber(s, e) {
       if (null != s.GetValue() && '' != s.GetValue()) {
           s.SetValue(s.GetValue().replace(/[^0-9]/, ''));
       }
   }

I want a javascript function which will allow only 4 digit number and should not allow text charcter ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0