jQuery Masked Input - Existing Input Value

jquery jquery-mask
plippard picture plippard · May 27, 2011 · Viewed 16.1k times · Source

I am using jQuery masked input plugin. However when I set the mask, any existing value in the input field is being destroyed. Doing the following:

$(".priceSKUID").mask("**-***-******", { placeholder: " " });

There must be a way to deal with existing values which are programmatically placed into the input field.

Answer

Leandro picture Leandro · Oct 24, 2012

When you set a mask like 9999, the value of the input has to be 9999. But, if we have a mask with some optional characters like 9?999, it means that if the value have just one character, it will be displayed. In other words, the last three characters are opitional. I just tried it and works fine.

Related questions

Jquery Mask number with commas and decimal

I am using a Jquery mask plugin to format many things on my site and I am trying to figure out how to get it to format numbers in the way I need. I am using the following plugin. https://…

Read More
Why does jQuery mask say it's not a function?

When trying to use the jQuery mask() function, I get the following error in the console: TypeError: $(...).mask is not a function This is a sample of my code where this is happening: <html> <body> <…

Read More
jQuery-Mask-Plugin to mask email addresses and web URL's

I'm using the jQuery-Mask-Plugin in my application and using that I was able to successfully add masks to telephone numbers, date time .. etc. $("#date").mask("99/99/9999",{placeholder:"mm/dd/yyyy"}); $("#phone").mask("(999) 999-9999"); But I could not find a way to …

Read More