如何使输入密码至少需要一个特殊字符（包括括号）

Question

我想知道如何将带有括号的特殊字符部分（如 {} [] () 和其他内容（如“'）添加到我在下面尝试的唯一字符中，但由于某种原因，当我添加另一个字符时它停止工作.<-- works but does not have any brackets or quotes for special character--><form acton = "#">          <input type="password" id="newPass" required      pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*?[0-9])(?=.*?[!@#$%^&*+`~=?\|<>/]).{8,}"    <button>submit</button></form>上面的部分有效，但没有引号或更多特殊字符下面的代码有括号但不起作用<-- does not work (if you do not enter special character user will be able to submit but it does not have any brackets --><form acton = "#">          <input type="password" id="newPass" required      pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*?[0-9])(?=.*?[~`!@#$%^&*()-_=+[]{};:'.,"\|/?><]).{8,}"    <button>submit</button></form>这也不起作用（来自答案）<form acton = "#">          <input type="password" id="pass" required      pattern="(?=.*\d)(?=.*[a-z])(?=.*?[0-9])(?=.*?[~`!@#$%\^&*()\-_=+\[\]{};:\'.,\"\\|/?\>\<]).{4,}">    <button>submit</button></form>我正在寻找一个使底部（带括号的那个和我包括的所有特殊字符）有效的答案。

Answer 1

因为它是正则表达式，所以里面的所有字符[.....]都是允许的，所以你应该在那里加上括号。您可以使用转义字符来做到这一点（因为括号在正则表达式中起作用）。所以只需将\]and添加\[到里面允许的字符[.....]。

尝试：

<input type="password" name="pw" pattern="(?=.*?[#?!@$%^&*-\]\[])"

顺便说一句.. 我建议使用正则表达式备忘单，它将在验证任务中帮助您很多。

至于你的编辑：

和需要逃脱"。'虽然\" \'不起作用，但您可以使用它们\x27，它们是ascii 表中的和\x22的十六进制表示。"'

尝试：

<form acton = "#">      

        <input type="password" id="pass"  required pattern = "(?=.*\d)(?=.* 

     [a-z])(?=.*?[0-9])(?=.*?[~`!@#$%\^&*()\-_=+[\]{};:\x27.,\x22\\|/?><]).{4,}">

        <button>submit</button>

</form>

Answer 2

\]如果在模式搜索期间需要匹配正则表达式（例如 ）字符，您应该转义它们。另外，请参阅现有答案：

密码中的大括号和方括号

以下对我有用，希望它对你有用：（我只是添加了转义字符）

   <input type="password" id="newPass" required
      pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*?[0-9])(?=.*?[!@#$%^&*+`~'=?\|\]\[\(\)\-<>/]).{8,}">

Answer 3

你实际上非常接近。最大的错误是：

你应该escape在里面的一些特殊字符character group并且你应该有hyphen as the last character（否则它是一个范围）。

这是您要求的 RegExp：

<input type="password" id="pass"  required pattern = "(?=.*\d)(?=.*[a-z])(?=.*?[0-9])(?=.*?[~`!@#$%^&amp;*()_=+\[\]{};:&apos;.,&quot;\\|\/?&gt;&lt;-]).{4,}">

更新：我忘了对模式进行 html 编码以直接在 html 中使用。现在它应该可以工作了。