输入元素的HTML模式验证

输入元素的HTML模式验证,html,Html,有点烦人的工作,因为我似乎不能得到这个权利 我需要得到一个模式,该模式只接受12个包含大写字母和数字的字符。不超过或少于12个字符 <input type="text" placeholder="Licence Number.." pattern="[A-Z0-9]+" maxlength="12" minlength="12" title="Enter Licence number"> 我这样做是错误的,因为每次我输入12个字符时,它都会激活验证消息。您可以删除minlen

有点烦人的工作,因为我似乎不能得到这个权利

我需要得到一个模式,该模式只接受12个包含大写字母和数字的字符。不超过或少于12个字符

<input type="text" placeholder="Licence Number.." pattern="[A-Z0-9]+" maxlength="12" minlength="12"  title="Enter Licence number">


我这样做是错误的,因为每次我输入12个字符时,它都会激活验证消息。

您可以删除
minlength
属性并使用模式
[a-Z0-9]{12}

输入:无效{
颜色:红色;
}

我相信正则表达式中缺少的是精确的计数。如果任何输入字符至少一次与规范匹配,则正则表达式将匹配。这意味着,无论输入多长时间,或者有多少“非法”字符,如果只输入一个大写字母或数字,正则表达式都将匹配

下面将检查所有大写字母或数字中是否有12个

[A-Z0-9]{12}

它提供了什么验证消息?用于检查正则表达式正在做什么。我更喜欢正则表达式验证。它有一个“备忘单”列表,对于构造表达式非常有用