在HTML5中使用模式属性

Question

我在HTML5中有一个表单，我想在名称，地址和电话字段中添加验证元素。到目前为止，我有以下代码：

name='name' pattern='(-.''[A-Za-z])'
name='phone' pattern='[0-9+()x-' ']'
name='address' pattern='[0-9A-Za-z][.,#/\:;''&*]'

对于名称，我需要它才能接受-'.符号 对于手机，我需要它才能接受+()0-9 x和空格 对于地址，我需要它能够接受我放在那里的所有角色。

我不确定我是否已经做到了，因为在测试时我没有收到错误消息。

Answer 1

您需要将模式括在"中，因为您还在模式中使用'。

name字段的示例，包括正确的模式字符串：

<form>
<input type="text" name="name" required pattern="[-.'A-Za-z]+" /><input type="submit">
</form>

（假设你想允许-'. 加上这些字符，我的要求并不是100％明确的）