9 <script src=
"../lib/CGI/Ex/validate.js"></script>
11 if (location.search) {
12 document.writeln('
<span style=
"color:green"><h1>Form Information submitted
</h1></span>');
14 if (! document.validate) {
15 document.writeln('
<span style=
"color:red"><h1>Missing document.validate
</h1>Path to ../lib/CGI/Ex/validate.js may be invalid.
</span>');
17 document.writeln('
<span style=
"color:green"><h1>Found document.validate
</h1></span>');
26 <td valign=top
>Username:
</td>
28 <table border=
0 cellspacing=
0 cellpadding=
0><tr><td><input type=text size=
20 name=username
></td><td> Try hitting enter rather than tab.
</td></tr></table>
29 <span id=username_error class=error
></span>
33 <td valign=top
>Password:
</td>
35 <input type=password size=
20 name=password
><br>
36 <span id=password_error class=error
></span>
40 <td valign=top
>Verify Password:
</td>
42 <input type=password size=
20 name=verify_password
><br>
43 <span id=verify_password_error class=error
></span>
47 <td valign=top
>Email:
</td>
49 <input type=text size=
40 name=email
><br>
50 <span id=email_error class=error
></span>
54 <td valign=top
>Verify Email:
</td>
56 <input type=text size=
40 name=email2
><br>
57 <span id=email2_error class=error
></span>
61 <td valign=top
>State/Region:
</td>
63 Specify State
<input type=text size=
2 name=state
><br>
64 OR Region
<input type=text size=
20 name=region
>
65 <span id=state_error class=error
></span>
69 <td valign=top
>Enum Check:
</td>
71 <input type=text size=
10 name=enum
><br>
72 <span id=enum_error class=error
></span>
76 <td valign=top
>Compare Check:
</td>
78 <input type=text size=
10 name=compare
><br>
79 <span id=compare_error class=error
></span>
83 <td valign=top
>Check one:
</td>
85 <input type=checkbox name=checkone value=
1> Foo
<br>
86 <input type=checkbox name=checkone value=
2> Bar
<br>
87 <input type=checkbox name=checkone value=
3> Baz
<br>
88 <span id=checkone_error class=error
></span>
92 <td valign=top
>Check two:
</td>
94 <input type=checkbox name=checktwo value=
1> Foo
<br>
95 <input type=checkbox name=checktwo value=
2> Bar
<br>
96 <input type=checkbox name=checktwo value=
3> Baz
<br>
97 <span id=checktwo_error class=error
></span>
100 <tr><td colspan=
2><hr></td></tr>
102 <td valign=top
>Fill In two:
</td>
104 <span id=foo_error class=error
></span><br>
105 <input type=text name=foo
value=
"" size=
30> Foo
<br>
106 <input type=text name=bar
value=
"" size=
30> Bar
<br>
107 <input type=text name=baz
value=
"" size=
30> Baz
<br>
111 <td colspan=
2 align=right
>
112 <input type=submit value=Submit
>
118 <script src=
"../lib/CGI/Ex/yaml_load.js"></script>
119 <script src=
"../lib/CGI/Ex/validate.js"></script>
121 document.validation = {
122 "group no_confirm":
1,
124 "group order": ["username", "password", "verify_password", "email", "email2", "state", "region", "s_r_combo", "enum", "compare", "checkone", "checktwo", "foo"],
134 match: ["m/\\d/", "m/[a-z]/"],
135 match_error: "$name must contain both a letter and a number."
139 equals_name: "password"
146 type_error: "$name must be a valid email address."
149 name: "Verify email",
154 validate_if: ["state", "! region"],
155 match: "m/^\\w{
2}$/",
156 match_error: "Please type a two letter state code."
159 validate_if: ["region", "! state"],
160 delegate_error: "state",
161 compare: "eq Manitoba",
162 compare_error: "For this test - the region should be Manitoba."
166 delegate_error: "state",
167 max_in_set: "
1 of state region",
168 max_in_set_error: "Specify only one of state and region.",
169 min_in_set: "
1 of state region",
170 min_in_set_error: "Specify one of state and region."
174 'enum': ["one", "two", "three", "four"],
175 enum_error: "$name must be one of one, two, three, or four."
179 required_error: "Please type a number",
181 name: "Compare check",
182 compare: ['
> 99', '<
1000'],
183 compare_error: '$name must be greater than
99 and less than
1000.'
196 min_in_set:
"2 of foo bar baz",
197 max_in_set:
"2 of foo bar baz"
200 if (document.check_form) document.check_form('a');
204 <script>window.onload = function () { document.a.username.focus() }
</script>