Skip to content

Commit 369fca0

Browse files
victorjonssonvictorjonsson
committed
Reformatted code
1 parent 595ac20 commit 369fca0

File tree

3 files changed

+412
-426
lines changed

3 files changed

+412
-426
lines changed

‎example.html

Lines changed: 97 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,22 @@
22
<html>
33
<head>
44

5-
<title>Form validator plugin for jQuery</title>
5+
<title>Form validator plugin for jQuery</title>
66

7-
<meta charset="UTF-8" />
8-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7+
<meta charset="UTF-8"/>
8+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
99

1010
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
11-
<script type="text/javascript" src="validator.js"></script>
12-
13-
<link href="style.css" type="text/css" rel="stylesheet" />
14-
11+
<script type="text/javascript" src="validator.js"></script>
12+
13+
<link href="style.css" type="text/css" rel="stylesheet"/>
14+
1515
</head>
1616
<body>
17+
1718
<h1>
1819
Form validation using jQuery
1920
</h1>
20-
2121
<p>
2222
<a href="https://github.com/victorjonsson/jQuery-Form-Validator/wiki">
2323
https://github.com/victorjonsson/jQuery-Form-Validator/wiki
@@ -28,157 +28,183 @@ <h2>
2828
Basic concept
2929
</h2>
3030
<code>
31-
&lt;form onsubmit="return $(this).validate()"&gt;<br />
32-
&nbsp;&nbsp;&lt;input data-validation="some_predefined_rule" /&gt;<br />
33-
&nbsp;&nbsp;...<br />
31+
&lt;form onsubmit="return $(this).validate()"&gt;<br/>
32+
&nbsp;&nbsp;&lt;input data-validation="some_predefined_rule" /&gt;<br/>
33+
&nbsp;&nbsp;...<br/>
3434
&lt;/form&gt;
3535
</code>
3636

3737
<h2>Example of all features</h2>
3838
<section>
3939
<form action="" onsubmit="if($(this).validate()) alert('Valid!'); return false;">
4040
<p>
41-
<strong>Required</strong> <em>required</em><br />
42-
<input data-validation="required" />
41+
<strong>Required</strong> <em>required</em><br/>
42+
<input data-validation="required"/>
4343
</p>
44+
4445
<p>
45-
<strong>Minimum length</strong> <em>validate_min_length length5</em><br />
46-
<input data-validation="validate_min_length length5" />
46+
<strong>Minimum length</strong> <em>validate_min_length length5</em><br/>
47+
<input data-validation="validate_min_length length5"/>
4748
</p>
49+
4850
<p>
49-
<strong>Max length</strong> <em>validate_max_length length5</em><br />
51+
<strong>Max length</strong> <em>validate_max_length length5</em><br/>
5052
<textarea data-validation="validate_max_length length5" rows="4"></textarea>
5153
</p>
54+
5255
<p>
53-
<strong>Length between 3-5 characters</strong> <em>validate_length length3-5</em><br />
56+
<strong>Length between 3-5 characters</strong> <em>validate_length length3-5</em><br/>
5457
<textarea data-validation="validate_length length3-5" rows="4"></textarea>
5558
</p>
59+
5660
<p>
57-
<strong>E-mail</strong> <em>validate_email</em><br />
58-
<input data-validation="validate_email" />
61+
<strong>E-mail</strong> <em>validate_email</em><br/>
62+
<input data-validation="validate_email"/>
5963
</p>
64+
6065
<p>
61-
<strong>Domain</strong> <em>validate_domain</em><br />
62-
<input data-validation="validate_domain" />
66+
<strong>Domain</strong> <em>validate_domain</em><br/>
67+
<input data-validation="validate_domain"/>
6368
</p>
69+
6470
<p>
65-
<strong>Url</strong> <em>validate_url</em><br />
66-
<input data-validation="validate_url" />
71+
<strong>Url</strong> <em>validate_url</em><br/>
72+
<input data-validation="validate_url"/>
6773
</p>
74+
6875
<p>
69-
<strong>Float</strong> <em>validate_float</em><br />
70-
<input data-validation="validate_float" />
76+
<strong>Float</strong> <em>validate_float</em><br/>
77+
<input data-validation="validate_float"/>
7178
</p>
79+
7280
<p>
73-
<strong>Integer</strong> <em>validate_int</em><br />
74-
<input data-validation="validate_int" />
81+
<strong>Integer</strong> <em>validate_int</em><br/>
82+
<input data-validation="validate_int"/>
7583
</p>
84+
7685
<p>
77-
<strong>Time HH:mm</strong> <em>validate_time</em><br />
78-
<input data-validation="validate_time" />
86+
<strong>Time HH:mm</strong> <em>validate_time</em><br/>
87+
<input data-validation="validate_time"/>
7988
</p>
89+
8090
<p>
81-
<strong>Date yyyy-mm-dd</strong> <em>validate_date</em><br />
82-
<input data-validation="validate_date" />
91+
<strong>Date yyyy-mm-dd</strong> <em>validate_date</em><br/>
92+
<input data-validation="validate_date"/>
8393
</p>
94+
8495
<p>
85-
<strong>Birthdate yyyy-mm-dd</strong> <em>validate_birthdate</em><br />
86-
<input data-validation="validate_birthdate" />
96+
<strong>Birthdate yyyy-mm-dd</strong> <em>validate_birthdate</em><br/>
97+
<input data-validation="validate_birthdate"/>
8798
</p>
99+
88100
<p>
89-
<strong>Valid telephone number</strong> <em>validate_phone</em><br />
90-
<input data-validation="validate_phone" />
101+
<strong>Valid telephone number</strong> <em>validate_phone</em><br/>
102+
<input data-validation="validate_phone"/>
91103
</p>
104+
92105
<p>
93-
<strong>Valid Swedish mobile telephone number</strong> <em>validate_swemobile</em><br />
94-
<input data-validation="validate_swemobile" />
106+
<strong>Valid Swedish mobile telephone number</strong> <em>validate_swemobile</em><br/>
107+
<input data-validation="validate_swemobile"/>
95108
</p>
109+
96110
<p>
97-
<strong>Valid Swedish social security number yyymmddXXXX</strong> <em>validate_swesc</em><br />
98-
<input data-validation="validate_swesc" />
111+
<strong>Valid Swedish social security number yyymmddXXXX</strong> <em>validate_swesc</em><br/>
112+
<input data-validation="validate_swesc"/>
99113
</p>
114+
100115
<p>
101116
<strong>Custom validation</strong>
102117
<em>validate_custom regexp/^[a-z]{2} [0-9]{2}$/</em>
103-
<input data-validation="validate_custom regexp/^[a-z]{2} [0-9]{2}$/" />
118+
<input data-validation="validate_custom regexp/^[a-z]{2} [0-9]{2}$/"/>
104119
</p>
120+
105121
<p>
106-
<strong>Simple captcha, this field has to contain value "jqueryvalidation"</strong> <em>validate_spamcheck captcha[VALUE-TO-VALIDATE]</em><br />
107-
<input data-validation="validate_spamcheck captchajqueryvalidation" />
122+
<strong>Simple captcha, this field has to contain value "jqueryvalidation"</strong> <em>validate_spamcheck
123+
captcha[VALUE-TO-VALIDATE]</em><br/>
124+
<input data-validation="validate_spamcheck captchajqueryvalidation"/>
108125
</p>
126+
109127
<p>
110-
<strong>These two inputs has to have identical values (minimum 3 characters)</strong> <em>validate_confirmation</em><br />
111-
<input name="something" data-validation="validate_confirmation validate_min_length length3" />
112-
<input name="something_confirmation" />
128+
<strong>These two inputs has to have identical values (minimum 3 characters)</strong> <em>validate_confirmation</em><br/>
129+
<input name="something" data-validation="validate_confirmation validate_min_length length3"/>
130+
<input name="something_confirmation"/>
113131
</p>
132+
114133
<p>
115134
<strong>Length restriction</strong>
116-
<span class="chars_left">
117-
<span id="maxlength">50</span> characters left
118-
</span>
119-
<br />
135+
<span class="chars_left">
136+
<span id="maxlength">50</span> characters left
137+
</span>
138+
<br/>
120139
<textarea rows="4" id="area"></textarea>
121140
</p>
122141
<script type="text/javascript">
123142
$('#area').restrictLength($('#maxlength'));
124143
</script>
125144
<p>
126-
<input type="submit" value="Validate form" />
145+
<input type="submit" value="Validate form"/>
127146
</p>
128147
</form>
129148
</section>
130149

131-
<h2>Customized example (no border color on error, different position on error messages)</h2>
150+
<h2>
151+
Customized example (no border color on error, different position on error messages)
152+
</h2>
132153
<section>
133154
<form action="" id="custom_form">
134155
<p>
135-
<strong>Length between 3-5 characters</strong> <em>validate_length length3-5</em><br />
156+
<strong>Length between 3-5 characters</strong> <em>validate_length length3-5</em><br/>
136157
<textarea data-validation="validate_length length3-5" rows="4"></textarea>
137158
</p>
159+
138160
<p>
139-
<strong>E-mail</strong> <em>validate_email</em><br />
140-
<input data-validation="validate_email" />
161+
<strong>E-mail</strong> <em>validate_email</em><br/>
162+
<input data-validation="validate_email"/>
141163
</p>
164+
142165
<p>
143-
<strong>Domain</strong> <em>validate_domain</em><br />
144-
<input data-validation="validate_domain" />
166+
<strong>Domain</strong> <em>validate_domain</em><br/>
167+
<input data-validation="validate_domain"/>
145168
</p>
169+
146170
<p>
147-
<strong>Url</strong> <em>validate_url</em><br />
148-
<input data-validation="validate_url" />
171+
<strong>Url</strong> <em>validate_url</em><br/>
172+
<input data-validation="validate_url"/>
149173
</p>
174+
150175
<p>
151176
<strong>When will you arrive</strong>
152177
<em>Buy checking this option you will have to give a valid value on the question below otherwise not</em>
153-
<input type="checkbox" name="disable_hours" checked="checked" />
178+
<input type="checkbox" name="disable_hours" checked="checked"/>
154179
</p>
180+
155181
<p>
156-
<strong>Time HH:mm</strong> <em>validate_time</em><br />
157-
<input data-validation="validate_time" name="hours" />
182+
<strong>Time HH:mm</strong> <em>validate_time</em><br/>
183+
<input data-validation="validate_time" name="hours"/>
158184
</p>
185+
159186
<p>
160-
<input type="submit" value="Validate form" />
187+
<input type="submit" value="Validate form"/>
161188
</p>
162189
</form>
190+
163191
<script>
164192
var conf = {
165-
errorMessagePosition : 'element',
166-
borderColorOnError : '',
167-
ignore: []
168-
};
169-
193+
errorMessagePosition : 'element',
194+
borderColorOnError : '',
195+
ignore: []
196+
};
170197
$('#custom_form').submit(function() {
171198
conf.ignore.length = 0;
172-
if(!$('input[name=disable_hours]').is(':checked'))
199+
if (!$('input[name=disable_hours]').is(':checked'))
173200
conf.ignore.push('hours');
174-
175-
if($(this).validate(false, conf))
201+
if ($(this).validate(false, conf))
176202
alert('Valid!');
177-
178203
return false;
179204
});
180205

181206
</script>
207+
182208
</section>
183209
</body>
184210
</html>

0 commit comments

Comments
 (0)