forked from posabsolute/jQuery-Validation-Engine
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemoLiveEvent.html
executable file
·151 lines (145 loc) · 6.04 KB
/
demoLiveEvent.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>JQuery Validation Engine</title>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<link rel="stylesheet" href="css/template.css" type="text/css"/>
<script src="js/jquery-1.4.4.min.js" type="text/javascript">
</script>
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
</script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
</script>
<script>
jQuery(document).ready(function(){
// binds form submission and fields to the validation engine
jQuery("#formID").validationEngine('attach', {bindMethod:"live"});
});
</script>
</head>
<body>
<p>
<a href="#" onclick="alert('is the form valid? '+jQuery('#formID').validationEngine('validate'))">Evaluate form</a>
| <a href="#" onclick='jQuery("#formID").validationEngine("detach");'>Detach</a>
| <a href="index.html" >Back to index</a>
</p>
<p>
This demonstration shows how to use the predefined regular expressions
</p>
<form id="formID" class="formular" method="post" action="">
<fieldset>
<legend>
Phone
</legend>
<label>
+103-304-340-4300-043
<br/>
+1 305 768 23 34 ext 23
<br/>
+1 (305) 768-2334 extension 703
<br/>
+1 (305) 768-2334 x703
<br/>
04312 / 777 777
<br/>
01-47.34/32 56
<br/>
(01865) 123456
<br/>
<span>Phone : </span>
<input value="+1 305 768 23 34 ext 23 BUG" class="validate[required,custom[phone]] text-input" type="text" name="telephone" id="telephone" />
</label>
</fieldset>
<fieldset>
<legend>
URL
</legend>
<label>
URL begin with http:// https:// or ftp://
<br/>
<span>Enter a URL : </span>
<input value="http://" class="validate[required,custom[url]] text-input" type="text" name="url" id="url" />
</label>
</fieldset>
<fieldset>
<legend>
Email
</legend>
<label>
<span>Email address : </span>
<input value="forced_error" class="validate[required,custom[email]] text-input" type="text" name="email" id="email" />
</label>
</fieldset>
<fieldset>
<legend>
IP Address
</legend>
<label>
<span>IP: </span>
<input value="192.168.3." class="validate[required,custom[ipv4]] text-input" type="text" name="ip" id="ip" />
</label>
</fieldset>
<fieldset>
<legend>
Date
</legend>
<label>
ISO 8601 dates only YYYY-mm-dd
<br/>
<span>Date: </span>
<input value="201-12-01" class="validate[required,custom[date]] text-input" type="text" name="date" id="date" />
</label>
</fieldset>
<fieldset>
<legend>
Number
</legend>
<label>
a signed floating number, ie: -3849.354, 38.00, 38, .77
<br/>
<span>Number: </span>
<input value="-33.87a" class="validate[required,custom[number]] text-input" type="text" name="number" id="number" />
</label>
</fieldset>
<fieldset>
<legend>
Integer
</legend>
<label>
an signed integer: ie +34, 34 or -1
<br/>
<span>Number: </span>
<input value="10.1" class="validate[required,custom[integer]] text-input" type="text" name="integer" id="integer" />
</label>
</fieldset>
<fieldset>
<legend>
onlyLetterNumber
</legend>
<label>
<span>only [0-9a-zA-Z]</span>
<input value="too many spaces obviously" class="validate[required,custom[onlyLetterNumber]] text-input" type="text" name="special" id="special" />
</label>
</fieldset>
<fieldset>
<legend>
Only Numbers (char)
</legend>
<label>
<span>only [0-9] and space</span>
<input value="10.1" class="validate[required,custom[onlyNumberSp]] text-input" type="text" name="onlynumber" id="onlynumber" />
</label>
</fieldset>
<fieldset>
<legend>
OnlyLetter
</legend>
<label>
<span>only ascii letters, space and '</span>
<input value="this is an invalid char '.'" class="validate[required,custom[onlyLetterSp]] text-input" type="text" name="onlyascii" id="onlyascii" />
</label>
</fieldset><input class="submit" type="submit" value="Validate & Send the form!"/><hr/>
</form>
</body>
</html>