Subversion-Projekte lars-tiefland.faltradxxs.de

Revision

Blame | Letzte Änderung | Log anzeigen | RSS feed 

<!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>