名称已存在正则表达式[重复]

Question

这个问题在这里已有答案：

• How to negate the whole regex? 3回答

在我的react应用程序中，如果用户名已经存在，我必须显示错误。

const regex = '(?:' + availableNames.join('|') + ')';

<div className="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">

    <input className="mdl-textfield__input" pattern={regex} autoFocus/>

    <label className="mdl-textfield__label" htmlFor="inp-1">User name</label>
    <span className="mdl-textfield__error" >Name already exists</span>
</div>

我已经开始使用以下表达式(?:alex|max|sam)，我知道这允许用户只输入alex，max或sam。

但我无法否定这一表达方式。我将不胜感激任何帮助

Answer 1

你尝试使用负面前瞻这样的东西

^((?!\b(alex|max|sam)\b).)*$

• ^ - 字符串的开头
• (?!\b(alex|max|sam)\b) - 不要匹配alex, sam, max这些单词中的任何单词
• $ - 字符串结尾

Demo