Dogcows Code - chaz/p5-CGI-Ex/blob - samples/validate_js_yaml_2.html

   1 <html>
   2 <style>
   3 .error {
   4   color: red;
   5   font-size: 75%;
   6 }
   7 </style>
   8
   9 <script src="../lib/CGI/Ex/yaml_load.js"></script>
  10 <script src="../lib/CGI/Ex/validate.js"></script>
  11 <script src="./yaml_load.js"></script>
  12 <script src="./validate.js"></script>
  13 <script>
  14 if (! document.yaml_load) {
  15   document.writeln('<span style="color:red"><h1>Missing document.yaml_load</h1>Path to ../lib/CGI/Ex/yaml_load.js may be invalid.</span>');
  16 } else {
  17   document.writeln('<span style="color:green"><h1>Found document.yaml_load</h1></span>');
  18 }
  19
  20 if (! document.validate) {
  21   document.writeln('<span style="color:red"><h1>Missing document.validate</h1>Path to ../lib/CGI/Ex/validate.js may be invalid.</span>');
  22 } else {
  23   document.writeln('<span style="color:green"><h1>Found document.validate</h1></span>');
  24 }
  25
  26 </script>
  27
  28
  29 <form name=a validation="
  30 general no_confirm: 1
  31 general no_alert: 1
  32 general as_array_prefix: ' -- '
  33 ">
  34 <table>
  35 <tr>
  36   <td valign=top>Username:</td>
  37   <td>
  38     <input type=text size=20 name=username validation="
  39  name: Username
  40  required: 1
  41  min_len: 3
  42  max_len: 30
  43  match: 'm/^\w/'
  44  match_error: '$name may contain only letters and numbers'
  45 "><br>
  46     <span id=username_error class=error></span>
  47   </td>
  48 </tr>
  49 <tr>
  50   <td valign=top>Password:</td>
  51   <td>
  52     <input type=password size=20 name=password validation=" &pa
  53  name: Password
  54  required: 1
  55  min_len: 6
  56  max_len: 30
  57  match: [m/\d/, 'm/[a-z]/']
  58  match_error: '$name must contain both a letter and a number.'
  59 "><br>
  60     <span id=password_error class=error></span>
  61   </td>
  62 </tr>
  63 <tr>
  64   <td valign=top>Verify Password:</td>
  65   <td>
  66     <input type=password size=20 name=password2 validation="{name: Verify password, validate_if: *pa,  equals: password, equals_name: password}"><br>
  67     <span id=password2_error class=error></span>
  68   </td>
  69 </tr>
  70 <tr>
  71   <td valign=top>Email:</td>
  72   <td>
  73     <input type=text size=40 name=email validation="&em
  74 name: Email
  75 required: 1
  76 min_len: 6
  77 max_len: 100
  78 "><br>
  79     <span id=email_error class=error></span>
  80   </td>
  81 </tr>
  82 <tr>
  83   <td valign=top>Verify Email:</td>
  84   <td>
  85     <input type=text size=40 name=email2 validation="
  86 name: Verify email
  87 validate_if: *em
  88 equals: email
  89 equals_name: email
  90 clear_on_error: 1
  91 "><br>
  92     <span id=email2_error class=error></span>
  93   </td>
  94 </tr>
  95 <tr>
  96   <td valign=top>Random Association:</td>
  97   <td>
  98     <input type=text size=40 name=random validation="
  99 name: random
 100 default: bull sun orange
 101 "><br> (type anything - will fill in default if none)<br>
 102     <span id=email2_error class=error></span>
 103   </td>
 104 </tr>
 105 <tr>
 106   <td colspan=2 align=right>
 107     <input type=submit>
 108   </td>
 109 </tr>
 110 </table>
 111 </form>
 112
 113 <script src="../lib/CGI/Ex/yaml_load.js"></script>
 114 <script src="../lib/CGI/Ex/validate.js"></script>
 115 <script>
 116 if (document.check_form) document.check_form('a');
 117 </script>
 118
 119 </html>