Задача сделать форму где можно вписать список допустимых переменных в квадратных скобках в арифметическое выражение, список подсказок выводить внизу в дропдауне(это не проблема).
Проблемы: Валидировать это все.
Закрыты ли квадратные скобки, есть ли в них переменная, допустимая ли она, валидировать круглые скобки, закрыты ли они правильно(то есть в круглых скобрах должно быть валидное фрифметическое выражение)
Надо что то типо этого editable блока как на примере.
https://stackblitz.com/edit/ngeditableblock - когда пишешь значение типа [one] или [example] - они там в массиве допустимых то соответственно подсказывать юзеру подсветив синим.
Но проблема с валидацией круглых скобок и вообще арифметического выражения целеком. Я не могу найти готовое решение.
Нужна любая информация хотя бы какими релугярными выражениями.
Я работаю в Angular 9. Но буду рад за примеры jQuery или чистои JS.