javascript - Mootools 数字 Textox

Question

我正在寻找基于 mootools 框架的数字文本框控件。

如果有人帮助我找到或实施此控制，我将不胜感激。

谢谢你 。阿利姆兹

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']" />

非常灵活而且非常酷，我点赞，元素类中基于散列的规则集的想法很棒。

Fabio Nagao 的mootools iMask类似于 formcheck，但它更进一步。iMask 实际上将自身附加到输入元素并帮助用户根据预设的“掩码”填充他们的数据。蒙版只是一种无法破坏的图案格式。实际上，它允许您要求您的用户输入非常复杂的数据块，例如，您可以有一个包含 (+NN)-NNN-AZ、连字符、括号和加号的字段。最终用户只能在指定位置输入数字或字母字符。看看，真的很震撼