Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery - Allow Alphanumeric (Alphabets & Numbers) Characters in Textbox using JavaScript

Apr 22, 2013
Introduction

Here I will show how to use JQuery to allow only alphanumeric characters in textbox or make textbox to allow only alphabets & numbers using JQuery.

Description:
  
In previous posts I explained jQuery allow alphabetic characters in textbox,  jQuery Allow only numbers in textbox, jQuery disable cut copy and paste options in textbox, jQuery Create Rounded Corners Textbox, jQuery slideUp, slideDown and slideToggle Example and many articles relating to JQuery, JavaScript, Asp.net. Now I will explain how to allow only alphanumeric characters in textbox using JQuery.

To allow only alphabets & numbers in textbox using JQuery we need to write the following code


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Allow only alphanumeric characters in textbox</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$('#txtNumeric').keydown(function (e) {
if (e.shiftKey || e.ctrlKey || e.altKey) {
e.preventDefault();
} else {
var key = e.keyCode;
if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) {
e.preventDefault();
}
}
});
});
</script>
</head>
<body>
<div>
<b>Enter Text:</b><input type="text" id="txtNumeric" />
</div>
</body>
</html>
Live Demo

To check live demo try to enter text in below textbox



Enter Text:

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

8 comments :

Anonymous said...

it so good ,,, but we need alphabets only
plzzz

Anonymous said...

remove this (key >= 48 && key <= 57) from the condition it will allow only alphabets.Please try it once .

birkin said...

Good, can you write more about textbox info.

Karthik L said...

Man.. You are awesome. Thanks for helping me out

Anonymous said...

ye to sab leta he

Rajagopal K K said...

if they want to enter capital letter using SHIFT A ,so how it will work.,, Suresh

Rethna Vel said...
This comment has been removed by the author.
Rethna Vel said...

thank u..

Give your Valuable Comments

Other Related Posts

© 2010-2012 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.