index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Dynamic Validator</title>
    <link rel="stylesheet" type="text/css" href="src/dynamic_validator.css">
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="src/dynamic_validator.js"></script>
    <script>
      $(document).ready(function () {
        dynamicValidator.init(
          {
            keyUpDelay: 1000,
            inputSettings: [
              {
                selector: '#username',
                path: 'http://localhost:3000/username/',
                valueName: 'username'
              }
            ]
          }
        );
      });
    </script>
  </head>
  <body>
  <h1>Example Form</h1>
  <form>
    <div>
      <label class="dynamic-validator">
        username
        <input type="text" id="username">
      </label>
    </div>
  </form>
  </body>
</html>