我如何为我的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属性用正则表达式像这样：pattern="[A-Z]{3}[-][A-Z]{1}[0-9]{1}[-][0-9]{2}"。

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

<form> 
 

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