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

10 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.

Unknown said...

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

Anonymous said...

ye to sab leta he

Unknown said...

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

Unknown said...
This comment has been removed by the author.
Unknown said...

thank u..

Unknown said...

This code is working fine but i want to paste numeric value onlym how it is possible

Unknown said...

how to apply this script for multiple textbox

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 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.