<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/"
xmlns:xi="http://www.w3.org/2001/XInclude">
<xi:include href="master_one_col.html" />
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
<title>Create an Account</title>
</head>
<body>
<h1 class="title">Create an Account</h1>
<div class="content">
<div class="row">
<div class="column grid_12">
<form action="/auth/save_new" method="post" id="create_account">
<ol>
<li>
<label for="display_name">Display Name:</label>
<input type="text" name="display_name"/>
</li>
<li>
<label for="email_addresses">Email address:</label>
<input type="text" name="email_addresses"/>
</li>
<li>
<label for="open_ids">Open IDs:</label>
<input type="text" name="open_ids"/>
</li>
<li>
<label for="username">Username:</label>
<input type="text" name="username" id="username"/>
</li>
<li>
<label for="password">Password:</label>
<input type="password" name="password" id="password"/>
</li>
<li>
<label>Confirm Password:</label>
<input type="password" id="confirm_password"/>
</li>
<li>
<label> </label>
<input type="submit" id="submit" value="Create"/>
</li>
</ol>
</form>
</div>
</div>
</div>
</body>
<script type="text/javascript">
//<!--
$('#create_account').submit(function(){
if(!$('#username').attr('value').match(/^[a-zA-Z0-9]+$/)){
alert('Username can only contain numbers and letters.');
return false;
}
if($('#password').attr('value').length < 8){
alert('Password must be at least 8 characters long.');
return false;
}
if($('#password').attr('value') != $('#confirm_password').attr('value')){
alert('Password and Confirm Password must match.');
return false;
}
});
// -->
</script>
</html>