[Element UI][正規表現]パスワードと正規表現

Question

聞きたいこと

Element UIのFormを使用しててWebアプリ開発をしているのですが、ユーザーの入力したパスワードを以下の条件でバリデーションしたいと思っています。

1. 数値、記号(!@のみ)許可、アルファベット(大文字小文字)
2. 必ず1つ大文字アルファベットを含む

上記を満たすために、下のような正規表現実装したのですが、1を素通りして2でバリデーションがかかってしまいます。

一部抜粋

:
// 上記1のバリデーション
{
  type: "string",
  pattern: /[a-zA-Z0-9!@]/,
  message: "使用可能な文字は、大小英数・記号(!@)のみです",
  trigger: ['change', 'blur'],
},

// 上記2のバリデーション
{
  type: "string",
  pattern: /^(?=.*?[A-Z])[a-zA-Z0-9!@]{8,30}$/,
  message: '大文字アルファベットを1つ含めてください',
  trigger: ['change', 'blur'],
},
:

正規表現に不備がありましたら、教えていただきたいです。
よろしくお願いします。

Answer 1

/[a-zA-Z0-9!@]/は、この中に含まれる文字が1文字でもあればマッチする正規表現です。

/^[a-zA-Z0-9!@]+$/のようにして、「端から端までこれらの文字で埋まる」とする必要があるのではないでしょうか。