Атрибут formnovalidate тега <input>
Описание
Атрибут formnovalidate отключает встроенную валидацию формы HTML5 для конкретной кнопки отправки. Применяется к элементам <input type="submit"> и <button type="submit">, позволяя отправить форму без проверки на обязательные поля и корректность ввода.
<form action="/submit">
<input type="email" name="user_email" placeholder="Email" required>
<input type="text" name="comment" placeholder="Комментарий">
<!-- Обычная отправка с валидацией -->
<input type="submit" value="Отправить">
<!-- Отправка без валидации -->
<input type="submit" formnovalidate value="Сохранить черновик">
</form>
Особенности работы:
| Состояние | Поведение | Пример |
|---|---|---|
| С атрибутом | Форма отправляется без проверки | <input type="submit" formnovalidate> |
| Без атрибута | Срабатывает стандартная валидация | <input type="submit"> |
Пример с разными кнопками:
<form id="registration">
<input type="text" name="username" placeholder="Имя" required>
<input type="password" name="pwd" placeholder="Пароль" minlength="6" required>
<!-- Полная регистрация с проверкой -->
<input type="submit" value="Зарегистрироваться">
<!-- Быстрое сохранение без проверки -->
<input type="submit" formnovalidate value="Продолжить позже">
</form>
Рекомендации:
- Используйте для кнопок "Черновик" или "Продолжить позже"
- Не злоупотребляйте - валидация помогает получить корректные данные
- Сочетайте с серверной проверкой данных
- Может быть полезен для многошаговых форм
Примечание: Атрибут formnovalidate следует использовать осознанно. Хотя он позволяет временно пропустить проверку данных, вся важная информация должна быть в конечном итоге проверена либо на клиенте, либо на сервере перед обработкой.