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

发布时间：2020-12-14 22:33:20 所属栏目：资源来源：网络整理

导读：我是第一次尝试模式属性,我无法让它工作(我的浏览器确实支持它). 现在我有： input type="text" pattern="[a-zA-Z0-9]{6}" name="formName" 第一个问题是,如果它是空白的,则不通知我;第二个问题是,如果我输入某些内容,它就不会接受它.我希望它接受字母数字字

我是第一次尝试模式属性,我无法让它工作(我的浏览器确实支持它).

现在我有：

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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!