提问者:小点点

自定义必需输入


有没有可能为一个表单做一个自定义的必需输入,你只能输入5个字母和2个数字?

示例:当您在输入中使用required并将其留空时,它会说“此字段是required”。

我想要的:一个自定义输入,你只可以放入5个字母和2个数字。


共3个答案

匿名用户

也许您希望使用pattern属性?使用[a-zA-z]{5}\d{2}匹配5个字母和2个数字:

null

<form>
  <button>click</button>
  <input pattern="[a-zA-z]{5}\d{2}" required>
</form>

匿名用户

可以使用具有以下属性的输入标记:

  • 必需设置为必需
  • pattern设置为正则表达式:[a-zA-z]{5}[0-9]{2}

注意:。以下浏览器支持pattern属性:IE 10+,Edge 12+,Firefox 4+,Chrome 10+,Safari 10.1+,Opera 10+,iOS Safari 10.3+等。

null

$(function() {
  $('form').on('submit', function (event) {
    event.preventDefault();
    alert('OK');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" pattern="[a-zA-z]{5}[0-9]{2}" required="required">
  <input type="submit">
</form>

匿名用户

可以使用需要正则表达式的pattern属性:

<input type="text" pattern="[A-F]{5}[0-9]{2}">