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