Dogcows Code - chaz/p5-CGI-Ex/blob - samples/validate_js_yaml_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 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 group onevent: 'submit,change'
  31 group no_confirm: 1
  32 group no_alert: 1
  33 group as_array_prefix: ' -- '
  34 ">
  35 <table border=0>
  36 <tr>
  37   <td colspan=2 valign=top>Enter a date (YYYY/MM/DD) greater than today:<br>
  38     (<script>var t=new Date();document.writeln(t.toGMTString())</script>)
  39   </td>
  40 </tr>
  41 <tr>
  42   <td width=100>
  43     <input type=text size=20 name=date validation="
  44  name: Date
  45  required: 1
  46  order: ['match','custom_js']
  47  match: 'm|^\d\d\d\d/\d\d/\d\d$|'
  48  match_error: 'Please enter date in YYYY/MM/DD format'
  49  custom_js: |
  50   function (args) {
  51    if (args.errors.length) return 1;
  52    var t=new Date();
  53    var y=t.getYear()+1900;
  54    var m=t.getMonth() + 1;
  55    var d=t.getDate();
  56    if (m<10) m = '0'+m;
  57    if (d<10) d = '0'+d;
  58    return (args.value > ''+y+'/'+m+'/'+d) ? 1 : 0;
  59   }
  60  custom_js_error: The date was not greater than today.
  61 ">
  62   </td>
  63   <td><span id=date_error class=error></span></td>
  64 </tr>
  65 <tr>
  66   <td align=right>
  67     <input type=submit>
  68   </td>
  69   <td>&nbsp;</td>
  70 </tr>
  71 </table>
  72 </form>
  73
  74 <script src="../lib/CGI/Ex/yaml_load.js"></script>
  75 <script src="../lib/CGI/Ex/validate.js"></script>
  76 <script>
  77 if (document.check_form) document.check_form('a');
  78 </script>
  79
  80 </html>