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

*

<b>* Этот модуль полностью реализован в ненавязчивом стиле: он не определяет</b>

* никаких переменных в глобальном пространстве имен.

*/

<b>whenReady(function () { // Вызовет эту функцию, когда документ будет загружен </b>

 // Отыскать все элементы <input>

 var inputelts = document.getElementsByTagName("input");

 // Обойти их в цикле

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

 var elt = inputelts[i];

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

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

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

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

 // 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);

 }

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

 // метод addEventListener()

 else {

 elt.attachEvent("onkeypress", filter);

 }

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

 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

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

 var code = е.charCode || e.keyCode;

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

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

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

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

 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";

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

 if (е.preventDefault) е.preventDefault();

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