Size: a a a

2020 May 01

В

Виктория in pro.js
ion30184
Собственно написан свой валидатор input.Так вот когда пользователь вводит что то,он тут же проверяет после ввода каждой буквы.И сам input меняет цвет в зависимости от прошло валидацию или нет.Так вот тут всё работает нормально и валидация идёт на ходу.Но если пользователь выбрал один из вариантов ведёных ранее.То валидация не проходит.То есть она не запускается.
Так. Погоди
источник

В

Виктория in pro.js
ion30184
Собственно написан свой валидатор input.Так вот когда пользователь вводит что то,он тут же проверяет после ввода каждой буквы.И сам input меняет цвет в зависимости от прошло валидацию или нет.Так вот тут всё работает нормально и валидация идёт на ходу.Но если пользователь выбрал один из вариантов ведёных ранее.То валидация не проходит.То есть она не запускается.
Но тогда тебе не нужно никаких кликов по опциям отслеживать. Ибо при выборе опции из списка автокомплита у инпута сработает событие oninput
источник

В

Виктория in pro.js
ion30184
Может и вправду не то что-то делаю.Не достаточно ещё опыта.
Покажи код
источник

i

ion30184 in pro.js
Виктория
Так. Погоди
$('.input-validate').on('keyup', function () {
           validateInputRegister($(this));
       });

       $('.input-validate').on('change', function () {
           validateInputRegister($(this));
       });
источник

DE

Denis Efremov in pro.js
ion30184
$('.input-validate').on('keyup', function () {
           validateInputRegister($(this));
       });

       $('.input-validate').on('change', function () {
           validateInputRegister($(this));
       });
весь код
источник

i

ion30184 in pro.js
Denis Efremov
весь код
function validateInputRegister(el) {
       let valueCurrent = el.val();
       let valuePattern = el.attr('data-pattern');
       let divWrapper = el.parent();
       if (valuePattern === 'email') {
           var re = new RegExp(/\S+@\S+\.\S+/);
       } else if (valuePattern === 'phone') {
           var re = new RegExp(/^(\+7){1}(\s){1}(\(){1}([0-9]){3}(\)){1}(\s){1}([0-9]){3}(\-)?([0-9]){2}(\-)?([0-9]){2}$/);
       } else if (valuePattern === 'name') {
           var re = new RegExp(/\D{2,30}/);
       } else if (valuePattern === 'city') {
           var re = new RegExp(/\D{2,30}/);
       } else if (valuePattern === 'password') {
           var re = new RegExp(/^(?=.*[a-zA-Z])(?=.*[0-9]){6,}/);
       }
       if (re.test(valueCurrent)) {
           $(divWrapper).removeClass('content__wrapper-reg-form-input-error');
           $(divWrapper).addClass('content__wrapper-reg-form-input-success');
       } else {
           $(divWrapper).removeClass('content__wrapper-reg-form-input-success');
           $(divWrapper).addClass('content__wrapper-reg-form-input-error');
       }
   }
источник

i

ion30184 in pro.js
Эта функция валидации
источник

DE

Denis Efremov in pro.js
ion30184
function validateInputRegister(el) {
       let valueCurrent = el.val();
       let valuePattern = el.attr('data-pattern');
       let divWrapper = el.parent();
       if (valuePattern === 'email') {
           var re = new RegExp(/\S+@\S+\.\S+/);
       } else if (valuePattern === 'phone') {
           var re = new RegExp(/^(\+7){1}(\s){1}(\(){1}([0-9]){3}(\)){1}(\s){1}([0-9]){3}(\-)?([0-9]){2}(\-)?([0-9]){2}$/);
       } else if (valuePattern === 'name') {
           var re = new RegExp(/\D{2,30}/);
       } else if (valuePattern === 'city') {
           var re = new RegExp(/\D{2,30}/);
       } else if (valuePattern === 'password') {
           var re = new RegExp(/^(?=.*[a-zA-Z])(?=.*[0-9]){6,}/);
       }
       if (re.test(valueCurrent)) {
           $(divWrapper).removeClass('content__wrapper-reg-form-input-error');
           $(divWrapper).addClass('content__wrapper-reg-form-input-success');
       } else {
           $(divWrapper).removeClass('content__wrapper-reg-form-input-success');
           $(divWrapper).addClass('content__wrapper-reg-form-input-error');
       }
   }
регулярки неправильные
источник

DE

Denis Efremov in pro.js
Они двойной эскейп требуют в таком режиме
источник

В

Виктория in pro.js
ion30184
$('.input-validate').on('keyup', function () {
           validateInputRegister($(this));
       });

       $('.input-validate').on('change', function () {
           validateInputRegister($(this));
       });
Событие не change, а input
источник

В

Виктория in pro.js
ion30184
$('.input-validate').on('keyup', function () {
           validateInputRegister($(this));
       });

       $('.input-validate').on('change', function () {
           validateInputRegister($(this));
       });
И кейап убери
источник

DE

Denis Efremov in pro.js
И жикуери
источник

DE

Denis Efremov in pro.js
источник

i

ion30184 in pro.js
Виктория
Событие не change, а input
Вика спасибо.Всё заработало.Поменял на input.Ну и всем спасибо кто помогал.
источник

i

ion30184 in pro.js
источник

VL

Valerii Leontiev in pro.js
Ребят, а может кто-то хелпонуть с гитом плз?)
источник

VL

Valerii Leontiev in pro.js
Надо откатиться после неудачного резолва при мерже веток
источник

DE

Denis Efremov in pro.js
Valerii Leontiev
Надо откатиться после неудачного резолва при мерже веток
Ну откатись
источник

VL

Valerii Leontiev in pro.js
Denis Efremov
Ну откатись
А как?) К своему стыду, никогда не откатывался
источник

DE

Denis Efremov in pro.js
Я хз, ты же не показываешь что у тебя там
источник