Валидация формы на сайте HTML

Валидация формы на сайте с помощью 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