Question

嘿我是jQuery的新手，我想在输入框上查看onblur这种格式cda 123。表示前3个字符的空格和3个整数。通常我看到代码写在输入id上，但如果我想要Class，那么我该怎么做呢。例如，我有class =“InputMask-cccsnn” 我希望这个格式的CheckInputMask（this）在类上没有输入id。如何更改以下代码。请回复

以下是关于一个输入ID的密钥的代码。

$('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/

jQuery输入掩码

2 个答案: