Валидация полей в форме регистрации

363
03 июля 2017, 20:20

Нужно валидировать input по шаблону, т.е:

 <input name="reg-name-n" type="text" class="form-control" placeholder="Ім'я" pattern="^[А-ЯІЇ][а-яії]{2,9}" title="Від 3 до 10 символів. Перша велика." required>

И если, нету никаких проблем с вводом или введено по pattern, то добавить этому inputclass="has-success", используя .keyup().

И если у меня например три разных pattern'a, то как упростить код?

Answer 1

Можно на порядок проще, например, использовать селектор :valid.

input[type="text"]:valid {
    border: 1px solid green;
}

Если все условия выполнены, просто используется стиль под валидный инпут.

READ ALSO
Условие перехода на другую страницу в зависимости от выбранного поля в выпадающем меню

Условие перехода на другую страницу в зависимости от выбранного поля в выпадающем меню

Всем привет, стоит задача написать условие на javascript для ситуации, когда пользователь выбирает группу, нажимает кнопку "вперед" и в зависимости...

211
Не работает php-прокси

Не работает php-прокси

ПриветЕсть прокси-файл, имитирующий ajax-запрос и передающий его к другому

224
Неправильно работает explode()

Неправильно работает explode()

На сколько я понял, это только с русским такое происходит

227
Цикл for - почему такой результат?

Цикл for - почему такой результат?

Почему 0, 4, 9, а не 0, 4, 10Ведь сначала i+j = 4, потом 6

191