RobinNixon
99 lines
3.2 KiB
HTML
99 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>An Example Form</title>
|
|
<style>
|
|
.signup {
|
|
border:1px solid #999999;
|
|
font: normal 14px helvetica;
|
|
color: #444444;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
function validate(form)
|
|
{
|
|
fail = validateForename(form.forename.value)
|
|
fail += validateSurname(form.surname.value)
|
|
fail += validateUsername(form.username.value)
|
|
fail += validatePassword(form.password.value)
|
|
fail += validateAge(form.age.value)
|
|
fail += validateEmail(form.email.value)
|
|
|
|
if (fail == "") return true
|
|
else { alert(fail); return false }
|
|
}
|
|
|
|
function validateForename(field)
|
|
{
|
|
return (field == "") ? "No Forename was entered.\n" : ""
|
|
}
|
|
|
|
function validateSurname(field)
|
|
{
|
|
return (field == "") ? "No Surname was entered.\n" : ""
|
|
}
|
|
|
|
function validateUsername(field)
|
|
{
|
|
if (field == "") return "No Username was entered.\n"
|
|
else if (field.length < 5)
|
|
return "Usernames must be at least 5 characters.\n"
|
|
else if (/[^a-zA-Z0-9_-]/.test(field))
|
|
return "Only a-z, A-Z, 0-9, - and _ allowed in Usernames.\n"
|
|
return ""
|
|
}
|
|
|
|
function validatePassword(field)
|
|
{
|
|
if (field == "") return "No Password was entered.\n"
|
|
else if (field.length < 6)
|
|
return "Passwords must be at least 6 characters.\n"
|
|
else if (! /[a-z]/.test(field) ||
|
|
! /[A-Z]/.test(field) ||
|
|
! /[0-9]/.test(field))
|
|
return "Passwords require one each of a-z, A-Z and 0-9.\n"
|
|
return ""
|
|
}
|
|
|
|
function validateAge(field)
|
|
{
|
|
if (isNaN(field)) return "No Age was entered.\\n"
|
|
else if (field < 18 || field > 110)
|
|
return "Age must be between 18 and 110.\n"
|
|
return ""
|
|
}
|
|
|
|
function validateEmail(field)
|
|
{
|
|
if (field == "") return "No Email was entered.\n"
|
|
else if (!((field.indexOf(".") > 0) &&
|
|
(field.indexOf("@") > 0)) ||
|
|
/[^a-zA-Z0-9.@_-]/.test(field))
|
|
return "The Email address is invalid.\n"
|
|
return ""
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<table border="0" cellpadding="2" cellspacing="5" bgcolor="#eeeeee">
|
|
<th colspan="2" align="center">Signup Form</th>
|
|
<form method="post" action="adduser.php" onsubmit="return validate(this)">
|
|
<tr><td>Forename</td>
|
|
<td><input type="text" maxlength="32" name="forename"></td></tr>
|
|
<tr><td>Surname</td>
|
|
<td><input type="text" maxlength="32" name="surname"></td></tr>
|
|
<tr><td>Username</td>
|
|
<td><input type="text" maxlength="16" name="username"></td></tr>
|
|
<tr><td>Password</td>
|
|
<td><input type="text" maxlength="12" name="password"></td></tr>
|
|
<tr><td>Age</td>
|
|
<td><input type="text" maxlength="3" name="age"></td></tr>
|
|
<tr><td>Email</td>
|
|
<td><input type="text" maxlength="64" name="email"></td></tr>
|
|
<tr><td colspan="2" align="center"><input type="submit" value="Signup"></td></tr>
|
|
</form>
|
|
</table>
|
|
</body>
|
|
</html>
|