examples/form/adv-vtypes.html

   1 <html>
   2 <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Advanced VType Examples</title>
   5
   6     <!-- ExtJS -->
   7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   8     <script type="text/javascript" src="../../bootstrap.js"></script>
   9
  10     <!-- Shared -->
  11     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  12
  13     <!-- Example -->
  14     <script type="text/javascript" src="adv-vtypes.js"></script>
  15     <style type="text/css">
  16         #dr, #pw {
  17             margin-bottom: 30px;
  18         }
  19     </style>
  20 </head>
  21
  22 <body>
  23     <h1>Advanced Validation Examples Using VTypes</h1>
  24
  25     <div id="dr">
  26         <p>The first example shows two date fields acting as a date range.  Selecting an initial
  27         date sets the minimum value for the end field.  Selecting an ending date sets a maximum
  28         value for the start field.</p>
  29     </div>
  30
  31     <div id="pw">
  32         <p>This second example shows a password verification, the second value must be equivalent
  33         to the first to validate.</p>
  34     </div>
  35
  36     <p>The js is not minified so it is readable. See <a href="adv-vtypes.js">adv-vtypes.js</a>.</p>
  37 </body>
  38 </html>