Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Mask: Visual Test

  • Loading branch information...
commit a84baa575afed3e2f3ce3f59b80473bd593d0b2b 1 parent af9da8f
Corey Frang authored August 02, 2011

Showing 1 changed file with 52 additions and 0 deletions. Show diff stats Hide diff stats

  1. 52  tests/visual/mask/mask.html
52  tests/visual/mask/mask.html
... ...
@@ -0,0 +1,52 @@
  1
+<!doctype html>
  2
+<html>
  3
+<head>
  4
+	<title>Mask Visual Test: Default</title>
  5
+	<link rel="stylesheet" href="../visual.css" type="text/css" />
  6
+	<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
  7
+	<script src="../../../jquery-1.6.2.js"></script>
  8
+	<script src="../../../ui/jquery.ui.core.js"></script>
  9
+	<script src="../../../ui/jquery.ui.widget.js"></script>
  10
+	<script src="../../../ui/jquery.ui.mask.js"></script>
  11
+	<script>
  12
+	$(function() {
  13
+		$( "#mask1" ).mask({ mask: "99/99/9999" });
  14
+		$( "#mask2" ).mask({ mask: "(999) 999-9999" });
  15
+		$( "#mask3" ).mask({ mask: "(999) 999-9999?x999999" });
  16
+		$( "#mask4" ).mask({ mask: "99-9999999" });
  17
+		$( "#mask5" ).mask({ mask: "999-99-9999" });
  18
+		$( "#mask6" ).mask({ mask: "a*-999-a999" });
  19
+		$( "#mask7" ).mask({
  20
+			mask: "~9.99 ~9.99 999",
  21
+			definitions: {
  22
+				"~": /\+|-/
  23
+			}
  24
+		});
  25
+	});
  26
+	</script>
  27
+	<style>
  28
+		label {
  29
+			font-size: 14px;
  30
+			display: block;
  31
+		}
  32
+	</style>
  33
+</head>
  34
+<body>
  35
+	<form>
  36
+		<label for="mask1">Date - 99/99/9999</label>
  37
+		<input type="text" class="masked" id="mask1" data-maskoptions='{"mask":"99/99/9999"}'>
  38
+		<label for="mask2">Phone - (999) 999-9999</label>
  39
+		<input type="text" class="masked" id="mask2" data-maskoptions='{"mask":"(999) 999-9999"}'>
  40
+		<label for="mask3">Phone - (999) 999-9999?x999999 - ? not yet implemented</label>
  41
+		<input type="text" class="masked" id="mask3" data-maskoptions='{"mask":"(999) 999-9999?x999999"}'>
  42
+		<label for="mask4">TaxID - 99-9999999</label>
  43
+		<input type="text" class="masked" id="mask4" data-maskoptions='{"mask":"99-9999999"}'>
  44
+		<label for="mask5">SSN - 999-99-9999</label>
  45
+		<input type="text" class="masked" id="mask5" data-maskoptions='{"mask":"999-99-9999"}'>
  46
+		<label for="mask6">Product Key - a*-999-a999</label>
  47
+		<input type="text" class="masked" id="mask6" data-maskoptions='{"mask":"a*-999-a999"}'>
  48
+		<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"}'>
  50
+	</form>
  51
+</body>
  52
+</html>

0 notes on commit a84baa5

Please sign in to comment.
Something went wrong with that request. Please try again.