Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 自定义所需输入_Html_Css - Fatal编程技术网

Html 自定义所需输入

Html 自定义所需输入,html,css,Html,Css,是否可以为一个只能输入5个字母和的表单定制所需的输入 2个号码 示例:当您在输入中使用required并将其留空时,它将显示“此字段为必填字段” 我想要的是:一个自定义输入,您只能输入5个字母和2个数字。也许您想使用属性?使用[a-zA-z]{5}\d{2}匹配5个字母和2个数字: 点击 您可以使用需要正则表达式的模式属性: <input type="text" pattern="[A-F]{5}[0-9]{2}"> 您可以使用具有以下属

是否可以为一个只能输入5个字母和的表单定制所需的输入 2个号码

示例:当您在输入中使用required并将其留空时,它将显示“此字段为必填字段”


我想要的是:一个自定义输入,您只能输入5个字母和2个数字。

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


点击

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

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

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

  • 设置为所需的
  • 设置正则表达式:
    [a-zA-z]{5}[0-9]{2}
注意:
模式
属性受以下浏览器支持:IE 10+、Edge 12+、Firefox 4+、Chrome 10+、Safari 10.1+、Opera 10+、iOS Safari 10.3+

$(函数(){
$('form')。在('submit',函数(事件){
event.preventDefault();
警报(“正常”);
});
});


我没有完全理解您的问题,但这看起来应该使用Javascript来完成。类似于一个函数,它将检查字符是否为字母(在键盘的前5个输入中),在后两个输入中,它将检查字符是否为数字。但请记住,所有这些都是客户端的。换句话说,您还需要在服务器端再次检查。另外,为了使事情更容易,考虑把这个分成两个输入字段,一个用于5个字母,一个用于2个数字。这肯定是一个重复。有更多时间的人应该找到一个。此正则表达式将匹配5个大写字符(从“A”到“F”)和2个数字。相反,要求是“5个字母和2个数字”。