Dogcows Code - chaz/p5-CGI-Ex/blob - samples/js_validate_3.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>Enter a date (YYYY/MM/DD) greater than today:<br>
  35     (<script>var t=new Date();document.writeln(t.toGMTString())</script>)
  36   </td>
  37   <td>
  38     <input type=text size=20 name=date validation="
  39  name: Date
  40  required: 1
  41  match: 'm|^\d\d\d\d/\d\d/\d\d$|'
  42  match_error: 'Please enter date in YYYY/MM/DD format'
  43  custom_js: |
  44    var t=new Date();
  45    var y=t.getYear()+1900;
  46    var m=t.getMonth() + 1;
  47    var d=t.getDate();
  48    if (m<10) m = '0'+m;
  49    if (d<10) d = '0'+d;
  50    (value > ''+y+'/'+m+'/'+d) ? 1 : 0;
  51  custom_js_error: The date was not greater than today.
  52 "><br>
  53     <span id=date_error class=error></span>
  54   </td>
  55 </tr>
  56 <tr>
  57   <td colspan=2 align=right>
  58     <input type=submit>
  59   </td>
  60 </tr>
  61 </table>
  62 </form>
  63
  64 <script src="../lib/CGI/Ex/yaml_load.js"></script>
  65 <script src="../lib/CGI/Ex/validate.js"></script>
  66 <script>
  67 if (document.check_form) document.check_form('a');
  68 </script>
  69
  70 </html>