jQuery regex for username


jQuery regex for username

我想为具有以下条件的用户名实现正则表达式:

  1. 用户名将仅包含 a-z、A-Z、0-9 和 -(连字符(;

  2. 用户名不得仅由数字或连字符组成,但只能包含字符;

  3. 第一个和最后一个字符不应该是连字符(它可以是数字,但不能完全是数字(;

  4. 此外,不应有 2 个连字符背靠背;

  5. 最小字符数为 5,最大字符数为 25;

到目前为止,我已经尝试了这个正则表达式:

var filter = /(?=[a-zA-Z0-9-]{5,25}$)^[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/;

它正确满足条件 1、3、4 和 5。但它并不完全满足条件 2。在我的正则表达式中,它确保它不完全由连字符组成。但它确实只允许数字,这是不应该的。

谁能让我知道我哪里出了问题或需要做什么。正则表达式的解释将不胜感激。

为了可维护性,这样的事情通常最好写成一系列测试,而不是一个大测试。

var filter = function (username) {
    var allDigits = /^[0-9]+$/g,
        allHyphens = /^[-]+$/g, //doesn't need a character class, but I find it's more readable
        multiHyphens = /[-]+/g,
        startsWith = /^[A-Za-z0-9]{1}/,
        endsWith = /[A-Za-z0-9]{1}$/
        hasInvalidChars = /[^A-Za-z0-9-]/,
        meetsReqs = false;
    if (username.length >= 5 || username.length <= 25) { //ensure correct length
        meetsReqs = !allDigits.test(username);
        meetsReqs = meetsReqs && !allHyphens.test(username);
        meetsReqs = meetsReqs && !multiHyphens.test(username);
        meetsReqs = meetsReqs && !hasInvalidChars.test(username);
        meetsReqs = meetsReqs && startsWith.test(username);
        meetsReqs = meetsReqs && endsWith.test(username);
    }
    return meetsReqs;
};

您可以在开头添加负面的前瞻。我还在表达式的开头放置了^锚点。

^(?![0-9]+$)(?=[a-zA-Z0-9-]{5,25}$)[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$
 ^^^^^^^^^^^

这可以防止^[0-9]+$匹配,换句话说,只有数字的字符串。

这似乎在我的计算机上的快速测试中有效:

^(?![^-]*--+)(?![0-9]+$)[a-zA-Z0-9][-a-zA-Z0-9]{3,23}[a-zA-Z0-9]$

解释

^(?![^-]*--+)  No double (or more) hyphens
(?![0-9]+$)    Digits only forbidden
[a-zA-Z0-9]    Starts with a-z A-Z or 0-9
[-a-zA-Z0-9]{3,23}  Three to 23 more characters, including hyphens
[a-zA-Z0-9]$    Ends with a-z A-Z or 0-9

所以这是 1 +(3 到 23(+ 1 个字符,即 5 到 25。