JavaScript. Подробное руководство, 6-е издание

Флэнаган Дэвид

for(var і = 0 ; і < inputelts.length; i++) {

var elt = inputelts[i];

// Пропустить элементы, не являющиеся текстовыми полями ввода

// и не имеющие атрибута data-allowed-chars.

if (elt.type != "text" || !elt.getAttribute(”data-allowed-chars")) continue;

//

Зарегистрировать наш обработчик события в этом элементе input

// keypress - старое событие и реализовано во всех броузерах.

// textInput (смешанный регистр символов) поддерживается в Safari

// и Chrome с 2010 года.

// textinput (все символы строчные) - версия проекта

// стандарта "DOM Level 3 Events",

if (elt.addEventListener) {

elt.addEventListener("keypress", filter, false);

elt.addEventListener("textlnput", filter, false);

elt.addEventListened"textinput", filter, false);

}

// textinput не поддерживается версиями IE, в которых не реализован

// метод addEventListener

else {

elt.attachEvent("onkeypress", filter);

}

}

// Обработчик событий keypress и textlnput, фильтрующий ввод пользователя

function filter(event) {

// Получить объект события и целевой элемент target

var е = event || window.event; // Модель стандартная или IE

var target = e.target || e.srcElement; // Модель стандартная или IE

var text = null; // Введенный текст

// Получить введенный символ или текст

if (e.type === "textinput" || e.type === "textlnput")

text = e.data;

else { // Это было событие keypress

// Введенный печатаемый символ в Firefox сохраняется в свойстве charCode

var code =

е.charCode || e.keyCode;

// Если была нажата какая-либо функциональная клавиша, не фильтровать ее

if (code < 32 || // Управляющий символ ASCII

е.charCode == 0 || // Функциональная клавиша (в Firefox)

e.ctrlKey || e.altKey) // Удерживаемая клавиша-модификатор

return; // Не фильтровать это событие

// Преобразовать код символа в строку

var text = String.fromCharCode(code);

}

// Отыскать необходимую нам информацию в этом элементе input

var allowed = target.getAttribute("data-allowed-chars");

// Допустимые символы

var messageid = target.getAttribute("data-messageid"); // Сообщение id

if (messageid) // Если указано значение id, получить элемент

var messageElement = document.getElementByld(messageid);

// Обойти в цикле символы во введенном тексте

for(var і = 0; і < text.length; i++) {

var c = text.charAt(i);

if (allowed.indexOf(c) == -1) { // Недопустимый символ?

// Отобразить элемент с сообщением, если указан

if (messageElement) messageElement.style.visibility="visible";

// Отменить действия по умолчанию, чтобы предотвратить вставку текста

if (е.preventDefault) е.preventDefault;

if (е.returnValue) е.returnValue = false;

return false;

}

}

// Если все символы оказались допустимыми, скрыть элемент

// с сообщением, если он был указан.

if (messageElement) messageElement.style.visibility = "hidden";