Mootools Numeric Textox

Question

Я ищу числовой текстовое поле управления на основе фреймворка mootools.

Я был бы благодарен, если бы кто-нибудь помог мне найти или реализовать этот элемент управления.

благодарю вас. Alimz

Answer 1

Вы также можете легко написать это самостоятельно.

var isNumberKey = function(e){
    if (e.code > 31 && (e.code < 48 || e.code > 57)) 
        return false;   
    return true;
}

var isBackSpaceKey: function(e){
    return e.code == 8;
}

var isArrowKey: function(e) {
    return e.code >= 37 && e.code <= 40;
}

var inputs = $$('.width-input', '.height-input');
inputs.addEvent('keyup', function(e){
  if (!isNumberKey(e) && !isBackSpaceKey(e) && !isArrowKey(e)) 
            e.stop();
});

Answer 2

Не уверен, что это то, что вы имеете в виду, но:

mootools formcheck - это семантическое решение на основе классов, которое использует классы css для определения набора правил для каждого поля ввода. Например:

<input class="validate['required','number']" />

Довольно гибко и довольно круто, от меня, и идея классного набора правил в классе элемента просто великолепна.

mootools iMask от Фабио Нагао похож на formcheck, но требует еще большего. iMask фактически присоединяется к элементу ввода и помогает пользователю заполнить свои данные в соответствии с заранее установленной "маской". Маска - это просто шаблонный формат, который нельзя сломать. В действительности, это позволяет вам попросить пользователя ввести действительно сложные блоки данных, например, у вас может быть поле, которое содержит (+NN)-NNN-AZ, дефисы, скобки и знак плюс. Конечный пользователь может вводить только цифры или буквы в своих местах. Проверьте это, это действительно впечатляет