Валидация формы на сайте HTML
- Подробности
- Категория: HTML - при создании сайтов
- Просмотров: 85
Валидация формы на сайте с помощью HTML...
Не все знают, но можно:
1. Регулировать количество символов, введенных в поле:
minlength="6" и maxlength="6" - для всех полей
value="1" min="1" max="10" - для числовых полей, при этом еще назначили число по умолчанию = 1
Например:
<input id="number" type="number" name="amount" value="1" />
2.
pattern="[Mm]oscow|[Ch]ina"
то есть можно будет в поле ввести, только эти города с большой или маленькой буквы
При этом валидация проверяется примерно таким кодом на CSS :
input:invalid {
border: 2px dashed red;
}
input:invalid:required {
background-image: linear-gradient(to right, pink, lightgreen);
}
input:valid {
border: 2px solid black;
}
тут псевдоклассы, отвечающие за валидацию
3. Если числовому поле задать значение step=1, то оно может принимать только целые числа!
step="1"
4. required - сделать поле обязательным, пользователь не сможет его отправить пустым
Смотрите также: валидация формы на js
