有没有可能为一个表单做一个自定义的必需输入,你只能输入5个字母和2个数字?
示例:当您在输入中使用required并将其留空时,它会说“此字段是required”。
我想要的:一个自定义输入,你只可以放入5个字母和2个数字。
也许您希望使用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}">