/lib/jquery-validate/demo/login/index.html
HTML | 76 lines | 62 code | 14 blank | 0 comment | 0 complexity | ac964dccd8e9e7f6f34650dea52a281e MD5 | raw file
Possible License(s): LGPL-2.1, Apache-2.0, BSD-3-Clause
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>Login Form with Email Password Link</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
-
- <script type="text/javascript" src="../../lib/jquery.js"></script>
- <script type="text/javascript" src="../../jquery.validate.js"></script>
- <script type="text/javascript">
-
- $(function() {
- // highlight
- var elements = $("input[type!='submit'], textarea, select");
- elements.focus(function(){
- $(this).parents('li').addClass('highlight');
- });
- elements.blur(function(){
- $(this).parents('li').removeClass('highlight');
- });
-
- $("#forgotpassword").click(function() {
- $("#password").removeClass("required");
- $("#login").submit();
- $("#password").addClass("required");
- return false;
- });
-
- $("#login").validate()
- });
- </script>
-
- </head>
- <body>
- <div id="page">
- <div id="header">
- <h1>Login</h1>
- </div>
- <div id="content">
- <p id="status"></p>
- <form action="" method="get" id="login">
- <fieldset>
- <legend>User details</legend>
- <ul>
- <li>
- <label for="email"><span class="required">Email address</span></label>
- <input id="email" name="email" class="text required email" type="text" />
- <label for="email" class="error">This must be a valid email address</label>
- </li>
-
- <li>
- <label for="password"><span class="required">Password</span></label>
- <input name="password" type="password" class="text required" id="password" minlength="4" maxlength="20" />
- </li>
- <li>
- <label class="centered info"><a id="forgotpassword" href="#">Email my password...</a></label>
- </li>
- </ul>
- </fieldset>
-
- <fieldset class="submit">
- <input type="submit" class="button" value="Login..." />
- </fieldset>
-
- <div class="clear"></div>
- </form>
-
- </div>
- </div>
-
- </body>
- </html>