Проверка HTML5: повторная проверка поля после изменения ввода - PullRequest
Новая
       25

Проверка HTML5: повторная проверка поля после изменения ввода

0 голосов
/ 08 апреля 2019

Мы используем проверку формы HTML5 (и мы явно НЕ хотим использовать плагин проверки jQuery ...).В настоящее время я могу пометить недействительные / пустые поля после отправки.Я делаю это так: 

if(document.addEventListener){
    document.addEventListener('invalid', function(e){
        e.target.className += ' invalid';
    }, true);
}

Но маркировка остается после того, как пользователь вводит информацию в поле.Как я могу удалить className, скажем, onBlur?

1 Ответ

0 голосов
/ 08 апреля 2019

Может быть, я могу просто добавить следующие классы CSS: 

input:invalid:focus,
input.invalid{
    border: solid 1px #f00;    /* red border */
}
input:valid {
    border: 1px solid #ced4da; /* reset to default border color */
}

По крайней мере, это похоже на работу.

Есть ли более разумные решения?

...