我如何为我的HTML输入制作特定的模式

Question

我正在尝试为我的html输入创建自定义模式，但不知道该怎么做！

我想要的模式：ABC-A0-01

因此，基本上第一部分只有大写字母，第二部分只有大写的数字值，最后一部分只有数字，并用“-”分隔

<input type="text" class="form-control txtsize" id="equi" placeholder="Insert equipment name e.g ABC-A0-12" data-ng-model="equipmentToAdd">

Answer 1

您可以将pattern属性与RegEx一起使用，例如： pattern="[AZ]{3}[-][AZ]{1}[0-9]{1}[-][0-9]{2}" 。

尝试输入无效的值，然后点击提交。 浏览器将显示来自title属性的消息错误。

 <form> <input type="text" class="form-control txtsize" id="equi" placeholder="Insert equipment name eg ABC-A0-12" data-ng-model="equipmentToAdd" pattern="[AZ]{3}[-][AZ]{1}[0-9]{1}[-][0-9]{2}" title="Insert equipment name eg ABC-A0-12"> <button type="submit">Submit</button> </form>