OK Validation Demo

Welcome to the OK Validation Demo page!

Below you will find a series of examples of how to use OK Validation to quickly and easily add simple validation to your website.

Simplest example:

For our first example, we will show how easily OK Validation can be used to add common validation to an existing webpage. Simply include the .js and .css files, and decorate the tags involved in your validation with the appropriate attributes, and you instantly have validation!

<head>
  <script type="text/javascript" src="ok-valid.js"></script>
  <link rel="stylesheet" type="text/css" href="ok-valid.css"></link>
</head>
<body>
  <label>Email:</label>
  <input id="email" type="text" ok-validation="required email length:8-20" /><br />
  <input type="submit" ok-validate />
</body>

And you get this:


To see the latest developer test page, click here!