jQuery - 输入掩码插件答案

【问题标题】：jQuery - Inputmask pluginjQuery - 输入掩码插件
【发布时间】：2011-10-28 21:45:16
【问题描述】：

嘿

有没有人知道 jquery 中的输入掩码例如一个字段必须有三个字母后跟 4 个数字。 cda1234。如果一个人在该领域写了一些不符合此的内容，则必须不断删除。

【问题讨论】：

标签： jquery-ui jquery jquery-plugins

【解决方案1】：

你检查了Masked Input Plugin for jQuery

【讨论】：

【解决方案2】：

制作了一个快速示例，请参阅：http://jsfiddle.net/g8KSg/2/

检查前 3 个字符的非整数，然后只接受整数。

可以用正则表达式做得更聪明，但这应该是一个起点:)

$('input').keyup(function(e){
    var value = $(this).val();
    if(value.length <= 3) {
       char = value.substring(value.length - 1);
        if(!(isNaN(char))) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
    if(value.length > 3) {
       char = value.substring(value.length - 1);
        if(isNaN(char)) {
            var newval = value.substring(0, value.length - 1);
            $(this).val(newval);
        }
    }
});

【讨论】：

我需要在标题标签中添加哪个 jquery 引用？
什么意思？将 jquery 库添加到您的标题中，并将脚本添加到 $(document).ready(function() { // put all your jQuery goodness in here. });
如果我想要这个功能 onBlur 怎么做？？而不是keyup
只需将keyup 替换为blur - 但它只会在您离开输入字段时“检查”您的输入:)
我想要的。我正在尝试这个，但是当我离开文本框时它没有验证，我正在像这样调用 onblur="CheckInputMask(this)"。我已经把上面的代码放在函数 CheckInputMask() { here above code} 但是当我离开文本框时它似乎不起作用

【解决方案3】：

您好，这些链接应该为您提供有关如何实现此目标的构建博客。

首先，选择前 3 个字符，方法如下： http://www.w3schools.com/jsref/jsref_substring.asp

然后检查它们是否是数字： checking if number entered is a digit in jquery

等等……

【讨论】：

最近有人告诫我要不惜一切代价避免使用 w3schools，因为根据w3fools.com 的说法，该网站的错误已成为传说。我以为我会把它传下去。但是，您使用的链接可能已经足够了。

【解决方案4】：

在 jQuery Mask Plugin (github.com/igorescobar/jQuery-Mask-Plugin) 上很容易实现混合数字类型的掩码

您的将如下所示： $('.your-field').mask('SSS0000')

一切就绪。该插件将处理无效输入和所有内容。

干杯，伊戈尔。

【讨论】：