我如何為我的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>