1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>jQuery validation plug-in - requirejs demo</title>
- <link rel="stylesheet" href="../css/screen.css">
- <style type="text/css">
- #commentForm { width: 500px; }
- #commentForm label { width: 250px; }
- #commentForm label.error, #commentForm input.submit { margin-left: 253px; }
- </style>
- </head>
- <body>
- <h1 id="banner"><a href="https://jqueryvalidation.org/">jQuery Validation Plugin</a> Demo</h1>
- <div id="main">
- <p>Default submitHandler is set to display an alert into of submitting the form</p>
- <form class="cmxform" id="commentForm" method="get" action="">
- <fieldset>
- <legend>Please provide your name, email address (won't be published) and a comment</legend>
- <p>
- <label for="cname">Name (required, at least 2 characters)</label>
- <input id="cname" name="name" minlength="2" type="text" required>
- </p>
- <p>
- <label for="cemail">E-Mail (required)</label>
- <input id="cemail" type="email" name="email" required>
- </p>
- <p>
- <label for="curl">URL (optional)</label>
- <input id="curl" type="url" name="url">
- </p>
- <p>
- <label for="ccomment">Your comment (required)</label>
- <textarea id="ccomment" name="comment" required></textarea>
- </p>
- <p>
- <input class="submit" type="submit" value="Submit">
- </p>
- </fieldset>
- </form>
- <script>
- var require = {
- paths: {
- "jquery": "../../lib/jquery-3.1.1"
- }
- };
- </script>
- <script src="../../lib/require.js" data-main="app.js"></script>
- </div>
- </body>
- </html>
|