Как правильно валидировать форму при помощи JS?

Question

[Koreetz Koreetz]

Надо сделать валидацию на стороне клиента при помощи JS.
Валидация Формы
Суть в следующем
1) При попытке отправить отправить пустую форму всплывают подсказки что и где надо заполнить (это сделано).
2) При заполнении пустых полей подсказка должна исчезнуть - НО ЭТОГО НЕ ПРОИСХОДИТ.

Answer 1

[Даниил Сорокин]

Вы ошиблись в написание свойство dom узла. innerHTML

Comments

[Koreetz Koreetz]

В чем именно я ошибся синтаксис? или применил не к тому элементу?

[Даниил Сорокин]

Koreetz Koreetz: Синтаксис

[Koreetz Koreetz]

Даниил Сорокин: Не пойму, вроде все верно я описал! сначала присвоил значение, потом убрал его с помощью innerHtml.

[Даниил Сорокин]

Koreetz Koreetz: Так вы не правильно написали innerHtml, правильно будет innerHTML

[Koreetz Koreetz]

Даниил Сорокин: Как всегда невнимательность(((. да это не верстка где Регистр не имеет значения

[Даниил Сорокин]

Koreetz Koreetz: Что есть то есть) Все же советую вам прислушаться совету, комментарием ниже. Городить свои костыли прикольно и весело, но в образовательных целях, на продакшене лучше использовать сторонние библиотеки.

[Koreetz Koreetz]

Даниил Сорокин: Я Вас понял спс)

Answer 2

[Роман Савицкий]

Есть замечательная вещь * jQuery Validation Plugin v1.12.0
В этом проекте использовал. На поля ввода свои вешаешь класс такой и атрибут class="required" aria-required="true"

<input name="name" type="text" class="required" aria-required="true" placeholder="Ваше имя">

На стороне JS Вот так делаешь:

$('#kont-res-or-run').on('submit', function(e) {
            if (!$(this).valid()) return false;

И так

if ($("#kont-res-or-run").length){
          $("#kont-res-or-run").validate({

          rules:{
                telef:{
                required: true,
                digits: true,
                minlength: 10,
                maxlength: 15,
                },

                message:{
                required: true,
                minlength: 8,
                maxlength: 300,
                },

                }
          });

      }

Покопайся в коде на этом сайте, что сбросил и доку почитай, и все у тебя получится

Comments

[Koreetz Koreetz]

спс тебе но, не хочу использовать сторонние библиотеки!

[Роман Савицкий]

Koreetz Koreetz: Одна библиотека всего ее многие юзают, тем более когда несколько форм на сайте, зачем усложнять себе жизнь, если есть готовое решение, бери на здоровье и пользуйся)

[Koreetz Koreetz]

Роман Савицкий: спасибо я попробую заюзать плагин)

[Роман Савицкий]

Koreetz Koreetz: Отметь "Нравится", если помог тебе )

[Koreetz Koreetz]

Роман Савицкий: Без проблем)

[Дмитрий Беляев]

Роман Савицкий: Вы на полном серьезе предлагаете человеку добавить в проект 90кб (в сжатом виде) тормазов ради простейшей задачи?

[Роман Савицкий]

Дмитрий Беляев: 90кб в наше время не сыграет большой роли, если у Вас есть более оптимальное решение (с интеграцией в дальнейших проектах), пожалуйста, предлагайте, мне было бы интересно)