Question

pattern属性不起作用，我已包含以下代码。它正在打印消息，但是当我输入6或7或8个字符时，它不接受。

ng serve --host 192.168.X.X

Answer 1

它适用于表单提交事件。查阅文档以了解其工作原理：https://www.w3schools.com/tags/att_input_pattern.asp

只是为了进行测试，请点击下面的代码段中的提交按钮。

<form>
  <label>Password must be 5 to 12 characters: 
    <input type="password" pattern=".{5,12}" name="password" id="password" required title="Password must be 5 to 12 characters"/>
  </label>
  <button type="submit">Submit</button>
<form>

根据https://caniuse.com/#feat=input-pattern，几乎所有浏览器都支持它。

Answer 2

Internet Explorer 9和更早版本或Safari 10和更早版本不支持input标签的pattern属性。尝试使用工具提示jquery代替

<input type="password" pattern=".{5,12}" name="password" id="password" required title="Password must be 5 to 12 characters" maxlength="12"/>

输入标记中的此pattern属性指定密码长度不起作用？

2 个答案: