Skip to content

Commit 9a1bcc5

Browse files
committed
Mask: More work on multi-character fields. Reorganizing methods alphabetically.
1 parent 84c16bd commit 9a1bcc5

File tree

2 files changed

+209
-141
lines changed

2 files changed

+209
-141
lines changed

tests/visual/mask/mask.html

Lines changed: 40 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,37 @@
2222
"~": /\+|-/
2323
}
2424
});
25+
$( "#mask8" ).mask({
26+
mask: "hh:mm:ss pp",
27+
definitions: {
28+
hh: function( value ) {
29+
value = parseInt( value, 10 );
30+
if ( value >= 1 || value <= 12 ) {
31+
return ( value < 10 ? "0" : "" ) + value;
32+
}
33+
},
34+
mm: sixty,
35+
ss: sixty,
36+
pp: function( value ) {
37+
var character = value.toLowerCase().charAt( 0 );
38+
switch ( character ) {
39+
case "a":
40+
case "A":
41+
return "am";
42+
case "p":
43+
case "P":
44+
return "pm";
45+
}
46+
}
47+
}
48+
});
49+
50+
function sixty( value ) {
51+
value = parseInt( value, 10 );
52+
if ( value >= 0 || value <= 59 ) {
53+
return ( value < 10 ? "0" : "" ) + value;
54+
}
55+
}
2556
});
2657
</script>
2758
<style>
@@ -34,19 +65,21 @@
3465
<body>
3566
<form>
3667
<label for="mask1">Date - 99/99/9999</label>
37-
<input type="text" class="masked" id="mask1" data-maskoptions='{"mask":"99/99/9999"}'>
68+
<input type="text" class="masked" id="mask1">
3869
<label for="mask2">Phone - (999) 999-9999</label>
39-
<input type="text" class="masked" id="mask2" data-maskoptions='{"mask":"(999) 999-9999"}'>
70+
<input type="text" class="masked" id="mask2">
4071
<label for="mask3">Phone - (999) 999-9999?x999999</label>
41-
<input type="text" class="masked" id="mask3" data-maskoptions='{"mask":"(999) 999-9999?x999999"}'>
72+
<input type="text" class="masked" id="mask3">
4273
<label for="mask4">TaxID - 99-9999999</label>
43-
<input type="text" class="masked" id="mask4" data-maskoptions='{"mask":"99-9999999"}'>
74+
<input type="text" class="masked" id="mask4">
4475
<label for="mask5">SSN - 999-99-9999</label>
45-
<input type="text" class="masked" id="mask5" data-maskoptions='{"mask":"999-99-9999"}'>
76+
<input type="text" class="masked" id="mask5">
4677
<label for="mask6">Product Key - a*-999-a999</label>
47-
<input type="text" class="masked" id="mask6" data-maskoptions='{"mask":"a*-999-a999"}'>
78+
<input type="text" class="masked" id="mask6">
4879
<label for="mask7">Eye Script - ~9.99 ~9.99 999</label>
49-
<input type="text" class="masked" id="mask7" data-maskoptions='{"mask":"~9.99 ~9.99 999"}'>
80+
<input type="text" class="masked" id="mask7">
81+
<label for="mask8">Time - hh:mm:ss pp</label>
82+
<input type="text" class="masked" id="mask8">
5083
</form>
5184
</body>
5285
</html>

0 commit comments

Comments
 (0)