jQuery input mask length

Tim picture Tim · Mar 19, 2010 · Viewed 31.7k times · Source

I have an input field and I want to limit it to alphanumerical (A-Z, a-z, 0-9) characters only, with a MINIMUM field length of 5, and a maximum length of up to 15 characters total.

Does anyone know how I can do this using jQuery?

I'm trying to use the jQuery input mask by digitalBush - http://digitalbush.com/projects/masked-input-plugin/

The problem is that UNLESS I enter 15 characters, the field goes blank. If I enter "012345678912345" (15 characters) in the input field then the value is stored and it's fine.

But if I enter "12345" as a username, when that input box loses focus its value goes back to being blank. Is there something that I can change in the "definitions" or options somewhere that fixes this?

Many thanks for your help :)

Tim

Answer

Dustin Laine picture Dustin Laine · Mar 19, 2010

This is done like this: The '*' is alphanumeric, anything after the '?' is optional.

jQuery(function($){
   $("#elem").mask("*****?**********");
});