Валидация данных на JavaScript. Проверка ввода номера телефона, Email адреса

[@АлексейЛоскутников-ю4р]

Спасибо за хороший пример! В коллекцию хороших шаблонов.

[@ДімаРудячук]

Дякую, реально допомогло!)

[@rami8640]

спасибо вам большое, работает)

[@andrispikarevskis5513]

Серьезно? Так мало просмотров? Жирный лайк тебе автор!

[@mrkeeper73]

Тема не популярная. Людям больше интересны скандалы, интриги, расследования, а не какая-то там валидация на JS )))

[@НикитаТарасков-ь7м]

@@mrkeeper73 аахах, хорошо сказано)) за то нам конкурентов меньше))

[@JavaScript_00]

Спасибо.

[@sharap5722]

Спасибо большое, помогло

[@kosha9951]

Спасибо!

[@АлексейЛитвинов-й5в]

к примеру подключен bootstrap и используются его классы is-valid ?

[@mrkeeper73]

Да.

[@kicakvan]

я не понимаю как мне привязать js к html. они не хотят взаимодействовать через EventListener и onchange. я не понимаю почему у всех работает, как вы привязали их вместе чтобы js был не просто текстом

[@mrkeeper73]

Код должен быть между тегами

[@brokert3163]

Не работает с мобильного сайта

[@pvestt7584]

Вот я лично не понял 2 первых строчки reg - reg2) что ето такое? как я могу переписать? Я запутался ...

[@mrkeeper73]

Это регулярные выражения. Тема большая и требует отдельного внимания. Но особо сложного ничего нет, можно разобраться за день.

[@pvestt7584]

@@mrkeeper73 спасибо, вроде что то загуглил) Для меня это что то новое, так же я не понял что там за php в форме, я только HTML CSS + JS знаю ну и то JS на 20%) Ну и у меня что то не получилось, не работает, + я отключил action="" в форме (потому что не грузило страницу) может в етом причина? Не знаю, что то делаю не так может. Но переписал все в точ точ

[@mrkeeper73]

@@pvestt7584 У формы, как правило, есть скрипт обработчик, который отправляет данные из формы куда-либо. В моем случае он написан на php.

[@pvestt7584]

@@mrkeeper73 понял, спасибо. Ет уже для меня оч далеко) пока что на мыло только знаю)

[@СергейИахин]

Так а как включается кнопка сабмит обратно?

[@mrkeeper73]

Что вы имеете в виду?

[@СергейИахин]

@@mrkeeper73 мы в начале скрипта отключили кнопку Баттон, то есть действие по умолчанию. Но после валидации как она включается обратно?

[@mrkeeper73]

@@СергейИахин Если валидация пройдена, она будет активна.

[@СергейИахин]

@@mrkeeper73 а какой строчкой кода она становится активна?

[@СергейИахин]

@@mrkeeper73 У вас же evt.preventDefault(); не по условию, а сразу объявлен. И его ничто не отменяет.

[@КириллЯковец-н3н]

Если в input ввести сначала валидные данные, потом через пробел не валидные - JS посчитает, что все данные введены правильно и ошибку не выведет.

[@mrkeeper73]

Пример напишите, проверю.

[@КириллЯковец-н3н]

@@mrkeeper73
let reg = /[A-Za-zА-Яа-яЁё]/,
inp = document.querySelector('#name');
document.querySelector('.btn').onclick = function(e){
e.preventDefault();
if(!reg.test(inp.value)) {
console.log('NO');
} else {
console.log('YES');
}
}
Если ввести в input текст и к нему прибавить цифры, то в консоли вернется YES.
То есть эти выражения /[0-9]/ /[A-Za-zА-Яа-яЁё]/ не запрещают одновременного использования друг друга.
На счет первых 2х выражений указанных в видео не уверен, там не весь код виден.
Если же установить reg = /[A-Za-zА-Яа-яЁё]+$/i то в поле можно будет писать исключительно кириллицей и латиницей, остальные символы будут запрещены

[@svolochalone9105]

Есть ли туториал или вы все регексы от руки писали?

[@mrkeeper73]

Не от руки конечно. В сети полно готовых.

[@agrygoriev]

При этом не стесняется использовать let, который в этом самом Safari 5 в принципе не работает.

[@dogvscatfunny9956]

Не чего понятного не сказано что пишет только он знает бред полный

[@mrkeeper73]

Это не значит, что другие не понимают. Может проблема в вашем восприятии?

[@dogvscatfunny9956]

@@mrkeeper73 не интересно

[@СергейСазонов-х4л]

Бред какой-то не работает, а пишет - An invalid form control with name='phone' is not focusable.

[@mrkeeper73]

Ну загуглите ошибку.

[@СергейСазонов-х4л]

@@mrkeeper73 так пишут только те кто плевал на свою аудиторию.

[@mrkeeper73]

@@СергейСазонов-х4л ни в коем случае. Приболел слегка просто. И я к тому, что нужно учиться самостоятельно искать и исправлять ошибки. В программировании они встречаются на каждом шагу и нужно к этому привыкнуть.

[@Colibri_Rent]

@@СергейСазонов-х4л боже, так трудно было разобраться самому? ПРОСТО ЗАГУГЛИТЬ.

[@АлексейЧухланцев-л5г]

@@СергейСазонов-х4л мурка ты чё бубнишь

[@agrygoriev]

Бредятина. "На валидации средствами HTML5 останавливаться не будем, потому что это работает не во всех браузерах" и в качестве примера Safari 5, который вышел в 2010 году. Чувак, прошло уже 11 лет! Safari 5 остался только в архивах. Просто признайся, что ты нихера не понимаешь, как работает валидация в браузере.

[@mrkeeper73]

Признаюсь, только для начала покажите, как нужно делать правильно.