Question

我试图为我的html输入制作自定义模式，但不知道该怎么做！

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

所以基本上第一部分只有大写字母，第二部分有大写字母和数字值，最后一部分只是数字，用＆＃39; - ＆＃39;

分开

<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="[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>

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

1 个答案: