Показать сообщение отдельно
  #1 (permalink)  
Старый 26.02.2016, 23:42
Новичок на форуме
Отправить личное сообщение для v.classic Посмотреть профиль Найти все сообщения от v.classic
 
Регистрация: 26.02.2016
Сообщений: 5

Сравнение паролей в форме регистрации
Доброго времени суток.
Сделал небольшую форму регистрации. Вопрос в том, как сделать сравнение полей пароль и подтверждение пароля, и, если они разные, выводить сообщение об ошибке?
<!DOCTYPE html>
<html>
	<head>
		<title>Форма регистрации</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<form class="form" action="address.txt" method="get">
			<input id="name" name="name" type="text" placeholder="Логин" pattern="[a-zA-Zа-яА-ЯёЁ0-9]{4,90}" title="Имя должно состоять от 4 до 90 символов. Допускаются только цифры, буквы русского и латинского алфавита" required>
			<input id="email" name="email" type="email" placeholder="E-mail" title="" required>
			<input id="password" name="password" type="password" placeholder="Пароль" pattern="[a-zA-Zа-яА-ЯёЁ0-9]{6,90}" title="Пароль должен состоять от 6 до 90 символов. Допускаются только цифры, буквы русского и латинского алфавита" required>
			<input id="password-check" name="password-check" type="password" placeholder="Подтверждение пароля" title="" required>
			<input id="pediki" name="pediki" type="text" placeholder="Поле, необязательное для заполнения">
			<input id="submit" name="submit" type="submit" value="Создать аккаунт">
		</form>
		<script>

		</script>
	</body>
</html>


Код:
.form { 
	background-color: rgb(238,238,238); margin: 50px auto; width: 335px; padding: 20px 10px 10px; border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}
.form input { padding: 10px; margin: 0px 5px 5px; width: 300px; box-sizing: padding-box; }
.form .submit { width: 200px; }
Ответить с цитированием