HTML输入模式声明不匹配,而JavaScript测试声明匹配

我正试图对密码输入进行模式匹配,出于某种原因,HTML声称存在不匹配,而JavaScript则声称匹配。在上测试我的RegExp regexr.com/7gmmi 声称一切正常。。。

我错过了什么?

<input id="password" type="password" placeholder="Password Input" pattern="/^(?!.*(.)\1{1})(?=(.*[\d]){2,})(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*[\D\W\S]){2,})(?:[\d\w\S]){8,64}$/">

const patternPass = new RegExp(/^(?!.*(.)\1{1})(?=(.*[\d]){2,})(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*[\D\W\S]){2,})(?:[\d\w\S]){8,64}$/);

console.log(patternPass.test("FAGX@s#A2dred01sd"));

/// true