HTML5输入模式匹配不起作用，Rubular起作用

Question

对为什么https://codepen.io/anon/pen/qVbjGa

<form>
    <input type="text" name="formField" title="Password must be at least eight characters in length, contain at least one capital letter, one number, and one special character." 
           pattern="\A(?=.*[a-z])(?=.*[A-Z])(?=.*[\W_])(?=.*[\d]).{8,}\z" required />
    <input type="submit" value="Submit" />
</form>

不会工作，http://rubular.com/r/9oIgojECMf也会？

Answer 1

必须将输入\A的开头替换为^，并将输入结束从\z替换为$。

​

<form>
  <input
    type="text"
    name="formField"
    title="Password must be at least eight characters in length, contain at least one capital letter, one number, and one special character." 
    pattern="(?=.*[a-z])(?=.*[A-Z])(?=.*[\W_])(?=.*[\d]).{8,}"
    required />
  <input type="submit" value="Submit" />
</form>

​