HTML模式 – 正则表达式无法正常工作

前端之家收集整理的这篇文章主要介绍了HTML模式 – 正则表达式无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是第一次尝试模式属性,我无法让它工作(我的浏览器确实支持它).

现在我有:

input type="text" pattern="[a-zA-Z0-9]{6}" name="formName"

第一个问题是,如果它是空白的,则不通知我;第二个问题是,如果我输入某些内容,它就不会接受它.我希望它接受字母数字字符,长度恰好是6个字符.我尝试使用正斜杠和其他一些变化.

解决方法

正如Duikboot已经指出的那样,正确的做法是:
<input type="text" name="formField" pattern="[a-zA-Z0-9]{6}" required>

当字段为空时,required属性会导致验证失败.
当字段不为空时,pattern属性定义要测试的正则表达式.
(你的初始模式似乎工作正常.)

更多信息可以在here找到.
这很简单,以便不需要演示,但是你可以找到一个here.

原文链接:https://www.f2er.com/html/242570.html

猜你在找的HTML相关文章