10

我第一次尝试模式属性，但我无法让它工作（不过我的浏览器确实支持它）。

现在我有：

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

第一个问题是如果它是空白的，它不会通知我；第二个问题是，如果我确实输入了一些东西，它就不会接受它。我希望它接受字母数字字符并且长度正好是 6 个字符。我尝试使用正斜杠和其他一些变体。

4

4 回答 4

12

正如 Duikboot 已经指出的那样，正确的做法是：

<input type="text" name="formField" pattern="[a-zA-Z0-9]{6}" required>

当字段为空时，该required属性会导致验证失败。
当字段不为空时，该pattern属性定义要测试的正则表达式。
（您的初始模式似乎工作正常。）

更多信息可以在这里找到。
这很简单，不需要演示，但是你可以在这里找到一个。

于 2013-05-14T12:25:48.717 回答
2

在这里为我工作：http: //jsfiddle.net/barbuslex/nR6yg/

<form>
    <input type="text" pattern="[a-zA-Z0-9]{6}" name="formName" />
    <input type="submit" value="OK" />
</form>

我使用谷歌浏览器

于 2013-05-14T12:12:25.473 回答
1

您只需将 required 属性添加到您的标签，如果他们尝试发送该字段为空白的表单，它将通知用户。

<input type="text" pattern="[a-zA-z0-9]{6}" name="formName" required>
于 2015-10-12T03:29:51.473 回答
0

试试这段代码，它工作得很好

<html>
<body>    
<form action="demo_form.asp">
  Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
  <input type="submit">
</form>    
</body>
</html>

输入无效的国家代码并点击提交按钮。然后你可以收到一条消息（title="三字母国家代码"）

于 2014-01-28T11:59:20.030 回答