提问人：Ripenpreet Kaur 提问时间：6/19/2023 更新时间：6/21/2023 访问量：32
我们如何用css为电话号码设置模式
How can we set a pattern for a phone number with css
问：
我正在创建一个 shopify 应用程序并使用 xo 预订系统进行预订，但无法设置模式。有没有办法用css添加模式？或者 10 位电话号码和超出范围的文本的最小值和最大值应该是多少。
我尝试了 min 和 max 的几个值，但不起作用。任何帮助将不胜感激。
答：
0赞
Mahdi
6/19/2023
#1
为此，您必须使用 JavaScript。但是您可以在 HTML 中使用 pattern 属性。 例如，在下面的代码中，用户只能在输入的数字为十位数字时提交表单。
<input type="tel" pattern="^[0-9]{10}$" required>
注意：这只能防止用户在前端提交无效值，外部源提交的所有数据也应始终在后端进行验证。
评论
0赞
Ripenpreet Kaur
6/20/2023
谢谢。我无法更改代码，因为它是shopify应用程序的问题，并且不允许更改代码。
评论