Регулярное выражение и изменение поля js

250
23 июня 2017, 08:38

Сейчас делается проверка на стороне клиента полей на заполнение и проверка регулярным выражением. Написано все объемно,так скажем примитивно и назвать "наговнокодил". Решил все это привести в божеский вид и сделать более универсальным.

Есть форма, которая проверяет поля фио,сообщение,телефон, email при нажатии на кнопку происходит проверка и подсвечивание полей, реализация подсвечивания сделал, но не могу сделать проверку при изменении значения полей. Проверка на

function check_input(element) {  
    var fr = document.getElementById('new_my_form');
    var elem = fr.getElementsByClassName('form-control');      
    var elem=element;
    for (var i = 0; i < elem.length; i++) {
        var input = elem[i];
        if ($(input).val() == 0 || $(input).val() == '') {
            $(input).addClass('error_border').removeClass('success_border');
        }
        else {
            $(input).addClass('success_border').removeClass('error_border');
        }
    }
}

далее как записать функцию на change, если вот так то работает, но хочу это убрать и записать универсально, не совсем понимаю как.

    $('#fio').change(function () {
    if (fio.test($('#fio').val())) {
$('#fio').addClass('success_border').removeClass('error_border');
    }
    else{$('#fio').addClass('error_border').removeClass('success_border');
    }
    });

Работаю с js не так давно и пока не всё понимаю. Есть мыслишка если сделать проверку полей отдельными функция, но как их правильно записать и вызвать при change не понимаю.

функции проверки есть, но вот как сделать обработчик change и как к нему привязать проверку полей после проверок регулярного выражения так и не догоняю

READ ALSO
Использование smarty функций с json

Использование smarty функций с json

Пытаюсь сделать infinite scroll, с php, smarty и jquery ajaxКак я понял, для того, чтоб не нагружать сильно сервер идеально осуществлять весь процесс на клиентской...

317
Как выронить меню по центру блока?

Как выронить меню по центру блока?

Перечитал варианты, но почему-то они не работают на конкретном сайтеКак сделать меню по центру страницы корректно? Имеется ввиду margin 0 auto

288
Как стилизовать капчу от Google - reCAPTCHA V2

Как стилизовать капчу от Google - reCAPTCHA V2

Стили подтягиваются через скрипт во фрейм, динамически

930
mysql view to simple query

mysql view to simple query

Для примера есть такая схема таблиц и view:

171