Ограничить использование специальных символов в поле ввода

Я новичок в Angular. Нужно ограничить специальные символы в поле ввода с помощью angularjs

HTML-код:

<input type = "text" class = "form-control" id = "cntry" ng-model = "address.countryCode">

Разрешить только буквы или цифры

Пожалуйста, опубликуйте свои попытки.

jhpratt 28.03.2019 05:55

То, что вы пытаетесь сказать, сбивает с толку, но если это касается HTML, попробуйте это, это может помочь принять только алфавиты заглавных или строчных букв. Просто добавьте этот шаблон = "[A-Za-z]{3}" --- <input type = "text" pattern = "[A-Za-z]{3}" class = "form-control" id= "cntry" ng-model = "address.countryCode" >

heySushil 28.03.2019 05:58
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
4
3
126
2

Ответы 2

Определите регулярное выражение в вашем контроллере

$scope.regex = /^[^`~!@#$%\^&*()_+ = {}|[\]\\:';"<>?,./1-9]*$/;

И в вашем html используйте директивы ng-pattern и передайте приведенное выше регулярное выражение как шаблон.

<input type = "text" class = "form-control" id = "cntry"
       ng-model = "address.countryCode" ng-pattern = "regex">

Для получения дополнительной информации посетите Ограничение специальных символов в HTML и AngularJs

Вы можете попробовать это решение, добавив шаблон:

<input type = "text" class = "form-control" id = "cntry"
       ng-model = "address.countryCode" pattern = "^[a-zA-Z0-9]*$}">

Другие вопросы по теме