allow only predefine charecter in textbox

Question

0.00/5 (No votes)

See more:

Hello...
I have a html textbox. I want to allow only predefine charecter in textbox by javascript.

C#

<input type="text" id="txt1"  onkeypress="allowChar(this, 'ABC123');" />

Here an example of textbox. In which allow only capital A, capital B, capital C and in numeric only 1,2,3.

C#

<script type="text/javascript>
function allowChar(txt, char)
{
  ........
  ........
  ........
}
</script>

Please solve this problem by javascript or jquery as you wish.

Thanks
Regards
Rakesh

Posted 5-May-13 20:41pm

Rakesh Tailor

Updated 5-May-13 20:52pm

Thanks7872

v5

Add a Solution

Comments

_Amy 6-May-13 2:50am

You are missing return statement in your HTML. While calling a javascript function you must use return statement.

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)

_Amy · Answer 1 · 2013-05-05T20:49:00

You are already passing Textbox Object and Your Predefined Chars to your function. Match the chars there with key codes[^]. Try this:
HTML:

HTML

<input type="text" id="txt1" class="customChar" önkeypress="return allowChar(this, 'ABC123');" />

JavaScript:

JavaScript

function allowChar(textbox, chars){
    //check with key code here
    var keynum;
    if(window.event){ // IE					
    	keynum = e.keyCode;
    }else
        if(e.which){ // Netscape/Firefox/Opera					
    		keynum = e.which;
         }
    var EnteredWord = String.fromCharCode(keynum); //Here you got your pressed key    
    //If matching with the predefined characters stored in 'chars' then return true otherwise return false.
}

Hope it helps!
--Amit

Thanks7872 · Answer 2 · 2013-05-05T20:50:00

Solution 2

Refer to the links. It may help you a bit.

Preventing special character input to html text field

event.preventDefault()

Posted 5-May-13 20:50pm

Thanks7872

Updated 5-May-13 20:51pm

v2

OriginalGriff · Answer 3 · 2013-05-05T20:51:00

Solution 3

Google is your friend: Be nice and visit him often. He can answer questions a lot more quickly than posting them here...

A very quick search gave 200,000 hits: "javascript restrict textbox"[^]

In future, please try to do at least basic research yourself, and not waste your time or ours.

Posted 5-May-13 20:51pm

OriginalGriff

Comments

Rakesh Tailor 6-May-13 3:03am

what your think that I am not trying to my self.
If you feel that you are wasting your time to help to other then please don't answer anyone.

OriginalGriff 6-May-13 3:18am

No, I feel that you are wasting the time of everyone else because you are too lazy to do something yourself.

Thanks7872 6-May-13 3:22am

@OrginalGriff: Agreed.