validateMe/example.html at master · saike/validateMe · 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
<!DOCTYPE html>
<html>
<head>
    <title>Validate Me</title>
    <link rel="stylesheet" type="text/css" href="css/validateMe.css">
</head>
<body style="text-align: center; padding-top: 100px;">
<div class="container">

    <input type="text" validate="minChars_4 number required" messageTo="number" /><div id="number">Type your number here (required)</div><br>
    <input type="text" validate="required" messageTo="required"/><div id="required">This is required input</div> <br>
    <input type="text" validate="minChars_10" messageTo="minChars"/><div id="minChars"></div> <br>
    <input type="text" validate="maxChars_5" messageTo="maxChars"/><div id="maxChars"></div> <br>
    <input type="text" validate="url" messageTo="url"/><div id="url"></div> <br>

</div>
<script type="text/javascript">

    var validateMe = {

         setDefaultMessage: false
    }

</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="js/validateMe.js"></script>
</body>
</html>