AllowedSymbols: Array
Свойство AllowedSymbols устанавливает массив символов, допустимых для ввода в редактор.
Значение свойства устанавливается из JSON и с помощью метода setAllowedSymbols, а возвращается с помощью метода getAllowedSymbols.
Для выполнения примера необходимо наличие на html-странице ссылок на файл сценария PP.js и файл стилей PP.css, в теге <body> html-страницы элемента <div> с идентификатором «maskEdit». Создадим экземпляр компонента MaskEdit и добавим обработчики событий KeyPress и ValueChanged:
function createMaskEdit() {
// Создаем редактор ввода
maskEdit = new PP.Ui.MaskEdit({
// Устанавливаем родительский элемент
ParentNode: document.getElementById("maskEdit"),
// Устанавливаем массив разрешенных символов
AllowedSymbols: ["0", "1", "2", "3", "4", "5"],
// Устанавливаем обработчик события изменения значения редактора ввода
ValueChanged: function (sender, args) {
console.log("Изменилось значение редактора ввода");
}
});
// Устанавливаем шаг изменения значения
maskEdit.setStep(1);
// Устанавливаем обработчик события нажатия на кнопку клавиатуры
maskEdit.KeyPress.add(function (sender, args) {
// Проверяем, является ли введенный символ разрешенным
if (contains(this._AllowedSymbols, args.Event.charCode)) {
// После ввода разрешенного символа редактору ввода будет установлен стиль для допустимых значений
this.applyValidCSS();
} else {
// После ввода неразрешенного символа редактору ввода будет установлен стиль для недопустимых значений
this.applyNotValidCSS();
}
});
}
// Функция проверки вхождения символа в массив
function contains(arr, codeSymbol) {
var i = 0;
while (arr[i] != undefined) {
if (arr[i].charCodeAt(0) == codeSymbol) {
return true;
}
i++;
}
return false;
}
Введем символ «0» в редактор ввода. Символ будет введен, так как он является разрешенным, и к редактору ввода будет применен стиль для допустимых символов:
В консоль будет выведено сообщение об изменении значения редактора ввода:
Изменилось значение редактора ввода
Введем символ «6» в редактор ввода. Символ не будет введен, так как является неразрешенным, и к редактору ввода будет применен стиль для недопустимых символов:
См. также: