how to validate alpha numeric values in textbox using jquery?

Mostly it has to do with Regular expression.
1. You need to create a regular expression to validate the text. /^[a-zA-Z0-9]{1,11}$/
2. Bind the textbox with keypress event.
3. Use the following code.
$('#txtAlpha').keypress(function(e)
{
var code = e.keyCode ? e.keyCode:e.which; // Get the key code.
var pressedKey = String.fromCharCode(code); // Find the key pressed.
if(pressedKey.match(/[a-zA-Z0-9]/g)) // Check if it's a alpanumeric char or not.
{
e.preventDefault(); // If it is not then prevent the event from happening.
}
});

Ready made example can be found here: http://jsfiddle.net/syS4G/

Hariinakoti, if this helps please login to Mark As Answer. | Alert Moderator

Hello,

Please check this

http://www.devcurry.com/2009/10/allow-only-alphanumeric-characters-in.html

Regard's
Raj.Trivedi
"Sharing is Caring"
Please mark as answer if your Query is resolved

Hariinakoti, if this helps please login to Mark As Answer. | Alert Moderator

You can use the below regular expression for validating.

var alphaNumeric = /^[(a-z)(A-Z)(0-9)]+$/;

____________
www.flickr.com/photos/psdesigner/

Hariinakoti, if this helps please login to Mark As Answer. | Alert Moderator

Read this if you have time. Its in JQuery.
http://www.encodedna.com/2013/05/enter-only-numbers-using-jquery.htm

Hariinakoti, if this helps please login to Mark As Answer. | Alert Moderator