Как проверить часть регулярного выражения?

Question

[Вадим]

Необходимо написать директиву которая бы блочила ввод на инпутах если введенный символ противоречит маске. Все бы ничего, но нужен функционал такого рода. Написать в директиву регулярное выражение и по ней каждый раз проверять, соответствует ли введенный символ этому выражению. Есть конечно ngPattern, но он просто говорит, соответствует или нет заданному регулярному выражению. А нужно именно блокировать ввод если регулярное выражение нарушено. Не знаю как проверить часть рег. выражения, поэтому на скорую руку сделал множественные выражения для каждого символа (https://github.com/Monstro13/multi-patterns-mask). Но это тоже не выход. так как если в выражении необходимо 2 или более статических последовательностей, то это не поможет.
Например проверка того же года. Разрешить даты 1900 - 2100. Если вешать на каждый символ рег. выражение то будут проходить неправильные даты: 2999 например.
Хотелось бы узнать, возможно ли решение данной проблемы? Повторюсь, что нужно именно динамически отслеживать соответствие рег. выражению и при необходимости блочить ввод.

Answer 1

[Сергей Протько]

А зачем вы биндите keyPress? Есть же ngModel, не валидно - ресетим значение на последнее валидное (невалидное значение не записывается в $modelValue).

Comments

[Вадим]

Ну для выражения - /(19|20)/ - "1" будет не валидно, хотя в теории оно должно превратится в "19" (валидное значение). Поэтому его надо разрешить и не сбрасывать.

[vasIvas]

Прочитал данный вопрос и понял что не понимаю одного момента и чтобы не создавать новый вопрос, спрошу здесь.
Как все говорят, действия над элементами дом нужно выносить в директиву. И вот получается что я создаю директиву ng-input-lock и так же создаю input. Но что мне писать в таком случае в значении ng-input-lock="?".
Если Вас не затруднит, можете рассказать о последовательность создания такой директивы?

[Сергей Протько]

Вадим: ну в таком случае проверяйте еще и на длину. Поставьте в валидаторе проверку, мол если minlength значение уже зареджектил, не ресетить значение. Опять же всю необходимую информацию вам предоставляет ngModel.

vasIvas: вы пишите только ng-input-lock, так как input предоставляет вам angular, а еще предоставляет ng-model со своим ngModelController, в котором реализована вся логика по биндингу значений между DOM и моделью. То есть в вашей директиве ng-input-lock мы только добавляем валидаторы в ngModel и работаем только через него, не делая ничего с DOM. При невалидном значении мы просим ngModel выставить значение модели. Тогда ваша директива будет работать с любыми кастомными инпутами.