validator-remote-example/index.html at master · 1000hz/validator-remote-example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    <link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="http://getbootstrap.com/dist/js/bootstrap.js" type="text/javascript"></script>
    <script src="js/validator.js" type="text/javascript"></script>
    <title>Remote Validator Example</title>
  </head>

  <body>
    <div class="well">
      <form data-toggle="validator">

        <div class="form-group">
          <label class="control-label" for="remoteValidator">Best Food:</label>
          <input type="text" name="food" id="remoteValidator" class="form-control" data-remote="/validate">
           <div class="help-block with-errors">Hint: 'pizza'</div>
        </div>

        <div class="form-group">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>

      </form>
    </div>

  </body>

</html>