it-blog.club
Обязательные поля input без javascript

Обязательные поля input без javascript

Атрибут required делает инпут нативно обязательным, и в случае не соответствия заполнения поля, браузер выдаёт ошибку прям у этого поля. Выдаёт её разумеется в случае попытки отправки формы. К примеру у вас имеется инпут email. Если у него в атрибуте проставить requared. То вы не сможете отправить пустую форму, а так же если в этот интуп type="email" ввести нечто вроде "ывьлралывоаоы", то у браузер проинформирует вас о том, что поле не заполнено согласно заданному типу.

Из плюсов могу выделить то, что вам не нужно задумывать о написании длинного и массивного скрипта о проверки полей, а так же писать какие либо стили для выпадающей ошибки, потому что ошибки появляются в заданном стиле браузера. В каждом браузере оформление будет разное. Так же огромный плюс заключается в том, что если у вас много язычный сайт. То не стоит задумываться о переводе, так как язык ошибки зависит от локализации браузера, что невероятно облегчает работу программиста.

Но так же сразу хотел бы выделить плюсы именно JS проверки перед requared. Например в случае если введённые данные не прошли проверку, то при помощи JS вы сможете вывести красивую нотификацию в своём стиле. А так же JS будет просто не заменим в случае какой либо специфичной проверки заполненности полей.

Проще говоря, если у вас простой сайт, и нет каких либо сложных задумок клиента, то мой совет использовать только requared который в разы упростит вашу жизнь. Ну и разумеется пример:


<input type='email' value='' placeholder='Введи свой адрес' required>

Прописав данный атрибут к инпут, вы не сможете отправить форму пока это поле не будет заполнено в соответствии с его типом.

Если у вам есть что дополнить к данному посту то можете написать об этом в комментариях, а так же не забывайте делать репост этого поста в социальные сети


it-blog.club 517
Автор: Ярослав Хмель


Если Вам понравилась статья, то можете поддержать блог переведя N сумму на кофе авторам или оплату хостинга!
В любом случае спасибо! А так же не забывайте про группу в ВК
ПОИСК ПО САЙТУ
Поддержать