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