Как настроить валидацию форм в HTML5?

Настроить валидацию форм в HTML5 можно с помощью атрибутов элементов формы. developer.mozilla.org Некоторые из них:

• required. metanit.com developer.mozilla.org Определяет, что для отправки формы поле предварительно должно быть заполнено. developer.mozilla.org Если поле ввода пустое, вместо отправки формы отобразится сообщение об ошибке. developer.mozilla.org
• minlength и maxlength. developer.mozilla.org Задаёт минимальную и максимальную длину текстовых данных (строк). developer.mozilla.org
• min и max. metanit.com developer.mozilla.org Задаёт минимальное и максимальное значение для поля, рассчитанного на числовой тип данных. developer.mozilla.org
• type. developer.mozilla.org Определяет тип данных, на который рассчитано поле: число, email-адрес или какой-то другой предустановленный тип. developer.mozilla.org
• pattern. metanit.com developer.mozilla.org С помощью регулярного выражения определяет шаблон, которому должны соответствовать вводимые данные. developer.mozilla.org

Если данные, введённые в поле формы, соответствуют правилам перечисленных атрибутов, они считаются валидными, если нет — не валидными. developer.mozilla.org

Чтобы отключить валидацию, можно использовать атрибут novalidate у элемента формы или атрибут formnovalidate у кнопки отправки. metanit.com