javascript - jQuery Form，检查变量的前四个数字

Question

我想要实现的是一个代码检查器。只有前 4 个数字很重要，其他数字可以是任何数字。该表格将用于用户输入产品代码。

问题是，如果变量更改为 say, 5 numbers，则变量为 false。

看下面的例子:

http://jsfiddle.net/MZfxs/3/

如果用户输入数字 3541，框会改变颜色，但如果用户输入其余数字，则该值设置为 false。

此外，我试图让方框仅在插入 13 个数字且前 4 个数字按该顺序匹配时才改变颜色。

解决了!工作示例: http://jsfiddle.net/MZfxs/8/

Answer 1

如果我没理解错的话，你需要一个字段值验证，要求是值应该从 4 个数字开始，比如 7514 或 9268。在这里您可以使用正则表达式来验证输入值，例如:

// Will work for " 123433 " or "12345634 ", etc.
var value = $(this).val(),
    re = /^\s*(\d{4})(\d+)\s*$/, // better to initialize only once somewhere in parent scope
    matches = re.exec(value),
    expectedCode = 3541,
    expectedLength = 13;
if(!!matches) {
    var code = matches[1]; // first group is exactly first 4 digits
    // in matches[2] you'll find the rest numbers.
    if(value.length == expectedLength && code == expectedCode) {
        // Change the color...
    }
}

此外，如果您的要求严格要求长度为 13，那么您可以将正则表达式修改为

var re = /^(\d{4})(\d{9})$/;

并在第一组中检索前 4 个数字，在第二组中检索其余 9 个数字:

var matches = re.exec(value);
if(!!matches) {
    var first4Digits = matches[1],
        rest9Digits = matches[2];
    // ...
    // Also in this way you'll not need to check value.length to be 13.
}