Subversion-Projekte lars-tiefland.zeldi.de_alt

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1 
<!doctype html>
2 
<html lang="en">
3 
<head>
4 
	<meta charset="utf-8">
5 
	<title>Login Form with Email Password Link</title>
6 
	<link rel="stylesheet" media="screen" href="screen.css">
7 
	<script src="../../lib/jquery.js"></script>
8 
	<script src="../../dist/jquery.validate.js"></script>
9 
	<script>
10 
	$(function() {
11 
		// highlight
12 
		var elements = $("input[type!='submit'], textarea, select");
13 
		elements.focus(function() {
14 
			$(this).parents('li').addClass('highlight');
15 
		});
16 
		elements.blur(function() {
17 
			$(this).parents('li').removeClass('highlight');
18 
		});
19 
 
20 
		$("#forgotpassword").click(function() {
21 
			$("#password").removeClass("required");
22 
			$("#login").submit();
23 
			$("#password").addClass("required");
24 
			return false;
25 
		});
26 
 
27 
		$("#login").validate()
28 
	});
29 
	</script>
30 
</head>
31 
<body>
32 
<div id="page">
33 
	<div id="header">
34 
		<h1>Login</h1>
35 
	</div>
36 
	<div id="content">
37 
		<p id="status"></p>
38 
		<form action="" method="get" id="login">
39 
			<fieldset>
40 
				<legend>User details</legend>
41 
				<ul>
42 
					<li>
43 
						<label for="email">
44 
							<span class="required">Email address</span>
45 
						</label>
46 
						<input id="email" name="email" class="text required email" type="text">
47 
						<label for="email" class="error">This must be a valid email address</label>
48 
					</li>
49 
					<li>
50 
						<label for="password">
51 
							<span class="required">Password</span>
52 
						</label>
53 
						<input name="password" type="password" class="text required" id="password" minlength="4" maxlength="20">
54 
					</li>
55 
					<li>
56 
						<label class="centered info"><a id="forgotpassword" href="#">Email my password...</a>
57 
						</label>
58 
					</li>
59 
				</ul>
60 
			</fieldset>
61 
			<fieldset class="submit">
62 
				<input type="submit" class="button" value="Login...">
63 
			</fieldset>
64 
			<div class="clear"></div>
65 
		</form>
66 
	</div>
67 
</div>
68 
</body>
69 
</html>