Подскажите, пожалуйста. Что нужно изменить, чтобы:
1.проводилась валидация полей с email-ом и паролем?
2. после нажатия на кнопку выполнить переход на другую страницу (form -> welcomePage), на которой выполнить приветствие по имени и фамилии пользователя, а также вывести количество дней, которое осталось до дня его рождения?
Код:
<!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" >
<head>
<title>Registration</title>
<script type="text/javascript">
function validate() {
var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";
if (fname.length > 10) {
alert("Имя не должно содержать более 10 знаков");
submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
alert("Возраст должен быть от 1 до 100");
submitOK = "false";
}
if (at == -1) {
alert("Неправильный e-mail");
submitOK = "false";
}
if (submitOK == "false") {
return false;
}
}
function date_birth() {
}
function checkPass() {
with (document)
getElementById('info').innerHTML = (getElementById
('pass').value != getElementById('passch').value) ? '' : 'OK!';
}
</script>
</head>
<body background="54.gif">
<div id="header align="center">
<font color="#001AAFF"><h1><strong>Регистрация
пользователя</strong></h1></font>
<br />
<br />
<form name="frmSample" method="post" action = "1.htm" onsubmit="return
validate()">
<fieldset style="border: 2px solid rgb(0, 0, 0);
padding: 10px; width: 700px;"> <br>
<legend><h1>Пожалуйста, введите данные</h1></legend>
Имя:<br >
<INPUT type="text" id="fname" size="30"><BR>
Фамилия:<br >
<INPUT type="text" id="fname" size="30"><BR>
Пароль:<br >
<input type="password" id="pass" size="30"/><br>
Повторите пароль:<br >
<input type="password" id="passch" size="30" onKeyUp="checkPass
()"><br>
<b style="color:navy" id="info"></b><br>
Введите e-mail:<br>
<input type="text" id="email" size="30"/><br>
Дата рождения:<br >
день: <input type="day" name="day" size="5">
месяц:<input type="month" name="month" size="5">
год: <input type="year" name="year" size="10"> <br >
Пол:
<INPUT type="radio" name="sex" value="Male"> Мужской
<INPUT type="radio" name="sex" value="Female"> Женский<BR>
Выберите сферы интересов: <br >
<INPUT TYPE="CHECKBOX" NAME="interest" VALUE ="Yes"> Семья<BR>
<INPUT TYPE="CHECKBOX" NAME="interest" VALUE ="Yes">Учёба/работа<BR>
<INPUT TYPE="CHECKBOX" NAME="interest" VALUE ="Yes">Спорт<BR>
<INPUT TYPE="CHECKBOX" NAME="interest" VALUE ="Yes">Здоровье<BR>
<INPUT TYPE="CHECKBOX" NAME="interest" VALUE ="Yes">Отдых/развлечения <BR>
Другая информация:<br >
<textarea rows="5" cols="30"></textarea>
<br >
<INPUT type="submit" value="Отправить">
<INPUT type="reset" value="Очистить">
</fieldset>
</form>
</div>
</body>
</html>
15.05.2012, 00:38
html-формы
Похожие темы
