jQuery 输入掩码

Question

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

以下是我在一个输入 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);
        }
    }
});

Answer 1

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

然后你可以使用：

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

Answer 2

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

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

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

http://jsfiddle.net/ryan_s/WYzhR/1/< /a>