2

Как запретить ввод в input символ e? Пробовал ng-pattern, не помогло.

<input ng-model="from" type="number">
1
  • 1
    e это допустимый символ для числа
    – Grundy
    20 апр 2017 в 14:19

1 ответ 1

1

Вот что получилось. Навешиваем на событие onkeypress функцию, внутри которой будем смотреть, нажат ли символ e. Если нажат - отменим действия браузера по умолчанию. Для отмены действия браузера существует стандартный метод: preventDefault.

document.body.addEventListener("keydown", function(e) {
  e = e || window.event;
  var key = e.which || e.keyCode;
  var ctrl = e.ctrlKey ? e.ctrlKey : ((key === 17) ? true : false);
  if ((key == 86 || key == 118) && ctrl) { // запрет ctrl+v
    e.preventDefault();
  }
}, false);

document.addEventListener('contextmenu',
  e => e.preventDefault()); // запрет правой клавиши и вставить

function disableCharacterE(e) {
  var key = e.which || e.keyCode;
  if (key == 69 || key == 101) {
    e.preventDefault();
  }
}
<input type="number" onkeypress="disableCharacterE(event);">

  1. keyCode = 69, 101 - большая буква E и маленькая буква e
  2. keyCode = 86, 118 - большая буква V и маленькая буква v (для ctrl+v)
11
  • в вопросе речь идет об angular, поэтому этот ответ не совсем подходит в текущем виде
    – Grundy
    21 апр 2017 в 6:57
  • @Grundy, в вопросе есть метка javascript, поэтому, я считаю, что подходит 21 апр 2017 в 6:58
  • а еще там есть метка angularjs :-) и лучше пользоваться возможностями фреймворка
    – Grundy
    21 апр 2017 в 7:00
  • @Grundy, вот я и основываясь на метке выбрал решение через JS :) если будет предложено решение через angularjs - так это вообще здорово, два ответа, причем через разные подходы :) 21 апр 2017 в 7:03
  • @DenisBubnov Спасибо, работает, смысл я уловил и переделал под ангуляр с использование ng-keypress.
    – user233428
    22 апр 2017 в 7:30

Ваш ответ

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

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