gpt4 book ai didi

HTML5 - Pattern 属性不能在输入元素中使用

转载 作者:搜寻专家 更新时间:2023-10-31 23:18:32 24 4
gpt4 key购买 nike

我目前有一个电话号码的输入元素,并尝试使用 pattern 属性,但它拒绝这样做。它说“验证(HTML5):模式不是元素输入的有效属性”!当我将类型更改为“文本”时,它说模式属性仅在标题存在时有效!

<input type="number" class="form-control"data-require="" id="Mobile" placeholder="Mobile No" autocomplete="off" pattern="[\+]\d{3}d{9}" required>

更新:

我添加了 title 属性,现在可以使用了!但我唯一的问题是,当我点击提交时,即使格式不匹配,它也会提交表单。

最佳答案

<input>没有 title 应该有效属性(在 https://validator.nu/ 上验证):

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<input type="text" class="form-control" data-require="" id="Mobile" placeholder="Mobile No" autocomplete="off" pattern="[\+]\d{3}d{9}" required>
</body>
</html>

其他更改:

  • 属性 data-require 前缺少空格.
  • pattern属性仅允许用于以下类型:email , password , search , tel , text , 或 url .

您的正则表达式 ( [\+]\d{3}d{9}) 也无效。您可以尝试以下规则之一:

  • [\+]\d{3}\d{9}
  • [\+]\d{12}

您缺少 \在第二个之前 d只匹配数字。第二种模式是第一种模式的缩小版。

关于HTML5 - Pattern 属性不能在输入元素中使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49024701/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com