0

Привет!

Что-то не получается у меня с функцией для фильтрации инпута.

$('.inputFeature').keypress(function(){
            var txt = $(this).val();

            // только такие символы
            var regx = /^[a-zA-Zа-яА-Я\d.,;:&()*%#\s-]$/;

            if (! txt.match(regx)){
                return false;
            }
        });

Помогите пожалуйста, с js пока не очень дружен.

1 ответ 1

1

$('#inputFeature').keypress(function(e){
            // только такие символы
            var regx = /^[a-zA-Zа-яА-ЯёЁ\d.,;:&()*%#\s-]$/;
            if (!e.key.match(regx))
                   e.preventDefault();
           });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id = "inputFeature" type="text"/>

далее можно немного сократить regx
до ^[\w\d\sа-яА-ЯёЁ.,;:&()*%#-]$
неплохой ресурс для помощи в построении регулярных выражений
regex101.com экспериментируйте далее.


update: как подсказывает @MedvedevDev, в этом случае добавляется _ и если не критично то можно оставить, а если нужно убрать символ, то можно записать например так:
/^(?!_)[\w\sа-яё.,;:&()*%#-]$/gi

  • - вопросы производительности не учитываем, код в качестве примера
4
  • Спасибо! Коротко и элегантно. А как можно сделать такой же функционал для copy paste? 22 дек 2017 в 3:31
  • Это смотря чего вы хотите, чтоб не был оффтопик лучше второй вопрос создавать... а так может такое подойдёт на $("#inputFeature'").bind('copy' или 'paste', function() {что-то делаем}); а инструкция и описание других событий тут
    – Akubik
    22 дек 2017 в 3:43
  • 1
    нельзя сократить так, ибо \w - [A-Za-z0-9_], а по условию задачи нижнее подчеркивание не нужно, единственное сокращение которое могу тут увидеть - поставить флаг i и убрать буквы в верхнем регистре. 22 дек 2017 в 6:27
  • полностью с вами согласен, спасибо за замечание, по поводу подчёркивания, просто забыл предупредить, поправлю ответ, оставим на суд автора... по регулярным выражениям много информации отдельно, это уже выходит за рамки вопроса
    – Akubik
    22 дек 2017 в 6:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.