jQuery 输入掩码答案

【问题标题】：jQuery input maskjQuery 输入掩码
【发布时间】：2011-10-31 10:11:30
【问题描述】：

嘿，我是 jQuery 新手，我想在这种格式 cda 123 的输入框中检查 onblur 。表示前 3 个字符空间和 3 个整数。通常我会看到代码是写在输入 ID 上的，但如果我想写在 Class 上，那我该怎么做。例如我有 class="InputMask-cccsnn" 我想在类上使用这种格式 CheckInputMask(this) 而不是在输入 id 上。如何更改我的以下代码。请回复

以下是我在一个输入 ID 上的 keyup 代码。

$('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-ui jquery-plugins

【解决方案1】：

只需使用一些 jQuery 输入掩码插件，例如 http://digitalbush.com/projects/masked-input-plugin/

那么你可以使用：

jQuery(function($){
    $(".InputMask-cccsnn").mask("aaa 999");   
});

【讨论】：

链接已失效。源代码可以在 GitHub 上找到，尽管自述文件指出它没有得到维护。

【解决方案2】：

您可以尝试使用正则表达式。

if($('input').val().match(/.{3} \d{3}$/)){
        alert('valid');
    }
    else{
        alert('invalid');
    }

在此处查看适用于您的案例的示例演示

http://jsfiddle.net/ryan_s/WYzhR/1/

【讨论】：