<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>Knihovna jQuery – validace formuláře</title>
		<link rel="stylesheet" href="styl.css" type="text/css" />

		<script src="js/jquery.js" type="text/javascript"></script>
		<script src="js/priklad_9.1.js" type="text/javascript"></script>
	</head>
	<body>
		<?php
			if($_POST['send']) {
				if(	$_POST['cname'] == '' || $_POST['clastName'] == '' || 
					$_POST['cpass1'] == '' || $_POST['cpass1'] != $_POST['cpass2']) {
					$error = 'Formulář obsahuje chyby!';
				} else {
					$error = 'Formulář se odeslal.';
					// zpracování získaných dat
				}
			}
		?>
		<div id="container">
			<div class="error"><?php echo $error; ?></div>
			<form method="post" id="customForm" action="">
				<div>
					<label for="cname">Jméno</label>
					<input id="cname" name="cname" value="<?php echo $_POST['cname']; ?>" class="required" type="text" />
					<label id="info" class="error">Zadajte prosím své jméno</label>
				</div>
				<div>
					<label for="clastName">Příjmení</label>
					<input id="clastName" name="clastName" value="<?php echo $_POST['clastName']; ?>" class="required" type="text" />
					<label id="info" class="error">Zadajte prosím své příjmení</label>
				</div>
				<div>
					<label for="cpass1">Heslo</label>
					<input id="cpass1" name="cpass1" class="required" type="password" />
					<label id="info" class="error">Zadajte prosím své heslo</label>
				</div>
				<div>
					<label for="cpass2">Ověření hesla</label>
					<input id="cpass2" name="cpass2" class="required" type="password" />
					<label id="info" class="error">Zadajte prosím heslo ještě jednou</label>
				</div>
				<div>
					<input id="send" name="send" type="submit" value="Registrovat" />
				</div>
			</form>
		</div>
	</body>
</html>