不显示字母数字正则表达式格式的密码验证消息

Question

即使我在密码字段中只提供字母或数字，也不会触发密码验证消息。我的意图是，如果密码不是 alphanumeric 格式，密码字段应该触发验证消息。我正在使用 react-hook-form

<label>
<input className="inputRequest formContentElement" name="password" type="password" placeholder="Password"
                onChange={onChange}
                minLength={6}
                ref={register({
                  required: "Required",
                  pattern: {
                    value: /^([a-zA-Z0-9]+)$/,
                    message: "Password should include letter and numbers !"
                  }
                })}
 />
<span className="registerErrorTextFormat">{errors.password && errors.password.message}</span>
</label>

Answer 1

您的正则表达式允许数字或字母，但不能至少各有一个。将其更改为 -

/^(?=.*?\d)(?=.*?[a-zA-Z])[a-zA-Z\d]+$/

第一个 (?=.*?\d) 至少一个 digit，第二个 (?=.*?[a-zA-Z]) 至少一个 a-zA-Z （大写或不大写），最后 [a-zA-Z\d]+ 作为你只写了那些类型

不显示字母数字正则表达式格式的密码验证消息

Password validation message is not displaying for alphanumeric regex format

regex

passwords

reactjs

react-hooks

react-hook-form