Javascript валидация форм — телефон, фио, дата, время. как сделать по-человечески?

Question

[Андрей Федоров]

В js понимаю слабо, сделал бы на php валидацию, но хочется чтобы налету работало, и пользователю приятнее...

Сделал примерно так codepen.io/aliencash/pen/gpaKNo
Но с регулярками крайне сложно разобраться и по самой структуре кода может подскажете как лучше...

Заранее спасибо.

Answer 1

[Александр Таратин]

www.w3schools.com/tags/att_input_required.asp
www.w3schools.com/tags/att_input_pattern.asp

www.w3schools.com/htmL/html_form_input_types.asp Раздел HTML5 Input Types
Пользователям старых браузеров валидация не нужна

Comments

[Андрей Федоров]

Как я понимаю не снимает проблемы регулярок.

[Александр Таратин]

Андрей Федоров: >сделал бы на php валидацию
Регулярки на php слабо отличаются от js регулярок
Полигон для обучения https://www.regex101.com/

[Андрей Федоров]

Ну да, нашел этот сайт. Экспериментирую... Относительно "старых" браузеров у меня FF последний, не работает type="date" type="time", что за? Похоже лучше все же на js сделать...

Answer 2

[Денис Инешин]

www.unheap.com/?s=validation

Comments

[Андрей Федоров]

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

[Денис Инешин]

Андрей Федоров: что за паранойя?) Вы не представляете на самом деле, сколько труда стоит за многими этими плагинами, сколько их вылизывают и доводят до ума. Так что в большинстве из них нет никакого лишнего кода. Не навешивайте ярлык на все подряд, если пару раз столкнулись с проблемой.

[Андрей Федоров]

тут нет паранои, я не из-за возможной вредоносной составляющей не хочу использовать подобные решения. лишнее там есть конкретно для моего случая. это как из пушки по воробьям, понимаете?

[Денис Инешин]

Конечно, большинство плагинов пишут в расчете на максимально широкий круг пользователей, и нет ничего страшного в том что часть функционала будет не востребована. Ваша аналогия не корректна, тут скорее разница между ручной пилой и электрической))

[Андрей Федоров]

У меня на сайте электричества нет. ))))) Спасибо за ваше мнение. Попробую там покопаться...