@Araya

Как убрать ошибки, которые нашел валидатор при вводе текста в input?

Всем привет.
Знаю, что есть кучи плагинов, но нужно понять самому как все это дело работает.
Задача: при вводе текста в форму, нужно убрать ошибку, которую нашел валидатор.
Например:
5bf05d000faae641451276.png
И когда пользователь начинает исправлять, бордер и ошибка сами выключаются.
Есть у кого идеи?
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 2
Отслеживать изменения input через onChange. Если ошибки есть, выводить их в блок ошибок.
Ответ написан
Комментировать
@choupa
Архитектор (обычный, который строит)
Вот терпеть не могу, когда требуют ввод телефона в определённом формате. Почему форма грузит меня своими проблемами. Сообщать об ошибке имеет смысл если сам номер невалидный, а не его формат. Вот моя простая форматилка российских номеров:

<input
  onblur = "
    const rePhone = /^[78\(\)\s\+\.-]*(\d{3})[\(\)\.\s-]*(\d{3})[\s\.-]*(\d{2})[\s\.-]*(\d{2})$/;
    const strPhoneFormat = '($1) $2-$3-$4';
    if ( this.value.search( rePhone ) === -1 )
      this.className = 'error';
    else	{
      this.value = this.value.replace( rePhone, strPhoneFormat );
      this.className = 'ok';
    }"
  onfocus = "this.className = ''"
>

Если вам нравится другой формат номера, думаю, исправите без проблем.

Попробовать здесь: jsfiddle.net/q2uf7njy
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы