diff options
Diffstat (limited to 'bug/bug/jquery-validation-1.8.1/demo/login/index.html')
-rw-r--r-- | bug/bug/jquery-validation-1.8.1/demo/login/index.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/bug/bug/jquery-validation-1.8.1/demo/login/index.html b/bug/bug/jquery-validation-1.8.1/demo/login/index.html new file mode 100644 index 0000000..63ae90f --- /dev/null +++ b/bug/bug/jquery-validation-1.8.1/demo/login/index.html @@ -0,0 +1,76 @@ +<!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> |