1:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2:"http://www.w3.org/TR/html4/loose.dtd">
3:<html>
4:<head>
5: <title>JQuery Form Validation</title>
6: <meta name="keywords" content="jquery, form, val, html"></meta>
7: <?php include($_SERVER['DOCUMENT_ROOT'] . "/in/cssblue.php"); ?>
8: <script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
9: <script type="text/javascript" src="/lib/jquery/jquery.validate.min.js"></script>
10: <script type="text/javascript">
11:
12:
13: $(document).ready(function() {
14: // do stuff when DOM is ready
15: var validator = $("#simpleForm").validate({
16:
17: submitHandler: function(){
18: $("#firstTarget").html($("#firstName").val());
19: $("#lastTarget").html($("#lastName").val());
20: }
21:
22: });
23:
24: $("#Reset").click(function(){
25: $("form#simpleForm")[0].reset();
26: validator.resetForm();
27: });
28:
29: });
30: </script>
31:</head>
32:<body>
33:<?php include($_SERVER['DOCUMENT_ROOT'] . "/in/hdrex.php"); ?>
34:<!-- Main Content goes here -->
35:
36: <h2>JQuery Form Validation</h2>
37: <!-- Put Page content here -->
38: <p>This page provides a brief example of the JQuery Validation plugin.</p>
39:
40: <p><a href="FormSimpleValidation.php.html">View Source</a></p>
41: <hr/>
42:
43: <div class="formBox">
44: <h4>Simple Form</h4>
45: <form id="simpleForm">
46: <label>First name: </label><input type="text" size="25" maxlength="25" id="firstName" name="firstName" class="required" />
47: <br/>
48: <label>Last name: </label><input type="text" size="25" maxlength="25" id="lastName" name="lastName" class="required" />
49: <br/>
50: <label>Zip </label><input type="text" size="25" maxlength="25" id="regFld" name="regFld" />
51:
52: <br/><br/>
53:
54: <div class="centerButton">
55: <button id="Submit">Submit </button>
56: <button id="Reset">Reset </button>
57: </div>
58:
59: </form>
60: </div>
61: <div>
62: <h4>Form Data</h4>
63: <p>First name: <span id="firstTarget"></span><br />
64: Last name: <span id="lastTarget"></span><br/>
65: Regex: <span id="regexTarget"></span><br/>
66: </p>
67: </div>
68:
69:<!-- End Main Content -->
70:<?php include($_SERVER['DOCUMENT_ROOT'] . "/in/ftrex.php"); ?>
71:</body>
72:</html>