Comments (4)
Hi,
You can use "translation" setting to achieve this. For example:
$('#hour_field').mask('AB:CD', {
translation: {
A: { pattern: /[1-2]/ },
B: { pattern: /[0-4]/ },
C: { pattern: /[0-5]/ },
D: { pattern: /\d/ },
}
});
Hope this help!
from jquery-mask-plugin.
So the best solution right now is this I guess:
var options = {
placeholder: 'hh:mm:ss',
translation: {
2: {pattern: /[0-2]/},
3: {pattern: /[0-3]/},
5: {pattern: /[0-5]/},
9: {pattern: /[0-9]/}
}, onKeyPress: function(cep, e, field, options) {
var masks = ['23:59:59', '29:59:59'];
var mask = (cep.charAt(0) !== '2') ? masks[1] : masks[0];
field.mask(mask, options);
}
};
$('.time').mask('23:59:59', options);
You can omit 9 and replace with 0, but this is more readable, at least for me.
Also '29' is not a typo for '19', it is there because otherwise once You would put 1, You would never be able to write 2 again.
from jquery-mask-plugin.
I'm currently having the same problem, if u find an answer please let me know in the comment.
from jquery-mask-plugin.
Hi, You can use "translation" setting to achieve this. For example:
$('#hour_field').mask('AB:CD', { translation: { A: { pattern: /[1-2]/ }, B: { pattern: /[0-4]/ }, C: { pattern: /[0-5]/ }, D: { pattern: /\d/ }, } });
Hope this help!
Hi!
Unfortunately, that's not the best way, cause it's possible to set 14:xx , but not possible to set 19:xx.
I think, the best solution will be callback and filter incorrect values on it
from jquery-mask-plugin.
Related Issues (20)
- Multiple mask in data-mask using array
- .mask() method doesn't work on inputs with type "number" HOT 2
- jQuery 'input' event receiving unexpected value
- Replace lowercase with Uppercase HOT 1
- Mask allowing partially filled input to be submitted
- Special Characters in the pattern? HOT 1
- jQuery Mask Input
- 'Uncaught TypeError: $(...).mask is not a function' error on .NET Core MVC app. HOT 4
- Donations dont work on your page
- Ns
- mask('0.0.0') transform to 0.00??
- How to remove Masking on Form Submit HOT 1
- Additional server-side (PHP) checking libraries HOT 1
- Data mask reverse on Phone with DDD
- Can i do this kind of mask ?
- AVAST is understanding that it is a virus! HOT 7
- How to apply mask to string value not element
- Automatically enter the required numbers/letters?
- Mascara de valor não funciona.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-mask-plugin.