Здравствуйте. Не получается написать работающую проверку пароля и email. Задача состоит в том, когда заполнил форму, я нажимаю кнопку submit (мне выдаёт ошибки если есть, если нет то переход на другую страницу). Помогите пожалуйста заранее спасибо.
Вот то что получилось написать.
<!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">
<head>
<title>Регистрация</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script type="text/javascript">
function checkPasswords()
{
var passl = document.getElementByid("passwordl");
var pass2 = document.getElementByid("password2");
if(passl.value!=pass2.value)
passl.setCustomValidity("Пароли не совпадают. Пожалуйста, проверьте идентичность паролей в обоих полях!");
else
passl.setCustomValidity("");
}
function checkmail(value) {
reg = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
if (!value.match(reg)) {alert("Пожалуйста, введите свой настоящий e-mail");
document.getElementById('email').value=""; return false; }
}
</script>
</head>
<body>
<div id="content">
<form action="3.html" id="jform" method="post">
<fieldset>
<legend>Регистрация</legend>
<p>
<label for="firsname" class="block">Имя:</label>
<input type="text" name="firsname" id="firsname" />
</p>
<p>
<label for="lastname" class="block">Фамилия:</label>
<input type="text" name="lastname" id="lastname" />
</p>
<p>
<label for="passwordl" class="block">Пароль:</label>
<input type="Password" id="passwordl" onchange="checkPasswords()"/>
</p>
<p>
<label for="password2" class="block">Повторение пароля:</label>
<input type="Password" name="Password2" id="password2" onchange="checkPasswords()"/>
</p>
<p>
<label for="birthday" class="block">Дата рождения<small>(дд-мм-гггг)</small>:</label>
<input type="text" name="birthday" id="birthday" />
</p>
<p>
<label for="email" class="block">Email <small>Например(Ivanov@gmail.com)</small>:</label>
<input type="text" name="email" id="email"/>
</p>
<p>
<label for="email" class="block">Ваш пол:</label>
<label for="Men" class="block">Мужчина</label>
<input type="radio" name="se" id="Men" value="Male"/>
<label for="woman" class="block">Женщина</label>
<input type="radio" name="se" id="woman" value="Female"/>
</p>
<p>
<label for="email" class="block">Хобби</label>
</p>
<select>
<optgroup Label ="General hooby">
<option value="playing">Playing</option>
<option value="music">Music </option>
</optgroup>
<optgroup Label ="Educational hobby">
<option value="stamp collection">Stamp Collection</option>
<option value="reading">Reading</option>
</optgroup>
</select>
</fieldset>
<p>
<form action="#" method=post onSubmit="return checkmail(this.email.value)">
<button type="submit" id="send">Подтвердить</button>
</form>
</p>
<p>
<button type="reset" id="send">Очистить</button>
</p>
</form>
</div>
</body>
</html>