Restrict Asp:TextBox to not allow more than 6 character in it.

Question

0.00/5 (No votes)

See more:

Hi,

I want to restrict the user that he cant enter more than 6 characters in a text box.As a user start entering in the text box and reach to the max limit and try entering 7th character, the text box will not allow him to do so and alert him that max size reached.How i achieve this?

I had added JavaScript function in my code to do so but not getting that on which event i call this function , currently i am calling on on-blur but i m able to type more than 9 character in the text box and after that when i m clicking on a button then i m getting alert message.i want that while typing in the text box itself if max limit reached the user get prompted.

Posted 15-Jul-12 19:57pm

Dharmenrda Kumar Singh

Add a Solution

5 solutions

Solution 5

Based on followup question: "i want that while typing in the text box itself if max limit reached the user get prompted". This will not prompt.
Steps:
1. Define a onkeyup for the textbox
2. Tie up a Javascript funtion to onKeyup
3. check the length and prompt.

Sample:
HTML:

HTML

<input type"text" id="mytb" onkeyup="CheckLength(this.value);"/>

JS Code:

JavaScript

function CheckLength(currentValue)
{
   if(currentValue.length > 6)
      alert("Only 6 letters are allowed, please follow the rule!");
}

You can modify the implementation as per your need.

Posted 15-Jul-12 21:31pm

Sandeep Mewara

Comments

Rahul Rajat Singh 16-Jul-12 8:04am

good answer. +5. also we need to call this function from onkeypress and return false after the alert to make it work properly.

Solution 4

make a function of JScript

function MaxLimit()
{
    var e = document.getElementById('txtmax');
    if(e.value.Lenght>6)
    {
      alert('Your Msg');
    }
}

Posted 15-Jul-12 21:18pm

Yatin chauhan

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)

Abhinav S · Accepted Answer · 2012-07-15T20:06:00

Solution 1

Try using the MaxLength property[^].

Posted 15-Jul-12 20:06pm

Abhinav S

Comments

StianSandberg 16-Jul-12 2:14am

"i want that while typing in the text box itself if max limit reached the user get prompted". This will not prompt.

Sandeep Mewara 16-Jul-12 3:27am

5! Answer to what was asked originally.

Sandeep Mewara · Accepted Answer · 2012-07-15T20:08:00

Solution 3

Use Textbox property: MSDN: Textbox.MaxLength[^]

Posted 15-Jul-12 20:08pm

Sandeep Mewara

Comments

Abhinav S 16-Jul-12 2:11am

This was my answer exactly. 5 though. ;)

Sandeep Mewara 16-Jul-12 3:26am

Yeah. Ditto. 5 to you too. :)

StianSandberg 16-Jul-12 2:13am

"i want that while typing in the text box itself if max limit reached the user get prompted". This will not prompt.

Sandeep Mewara 16-Jul-12 3:27am

You did not mention anyting about prompt in your original question.

StianSandberg · Accepted Answer · 2012-07-15T20:07:00

use to attributes:

maxlength="6"

This is pure html and will in most browsers work, but will not give any alerts!

HTML

<input type="text"  onkeydown="return testLength()" id="mytextbox" />

JavaScript

function testLength(){
   var e = document.getElementById('mytextbox');
   if(e.value.length>6)
   {
      alert('no no no');
      // Set value back to the first 6 characters 
      e.value = e.value.substring(0, 6);
   }
   return true;
}

Restrict Asp:TextBox to not allow more than 6 character in it.

5 solutions

Solution 1

Solution 3

Solution 5

Solution 2

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us