输入属性'required'且'pattern'不起作用的表单

Question

嗨，我有这个HTML5:代码

<form id="pay" method="GET" class="row g-3" style="display:none;" type="hidden">
<strong>Date</strong></a><br>
<div class="col-md-10">
<label for="name_users_card" class="form-label">user card</label>
<input type="text" class="form-control" id="name_users_card"
pattern="^[A-Za-zèòàs]$"
minlength="3"
maxlength="20"
placeholder="titolare carta"
title="take a valid name" required/>
</div>
</form>

当我尝试运行代码时，所需的控件不起作用。为什么？

Answer 1

实际上并不理解问题，但您有一个不完整的<a>标记，并且您通过设置display:none;来隐藏表单

Answer 2

您的正则表达式模式：

^[A-Za-zèòàs]$

是单个字符。

如果您希望零到任意数量的字符，请使用：

^[A-Za-zèòàs]*$

如果您想要一到任意数量的字符，请使用：

^[A-Za-zèòàs]+$

如果您想要正好二十个字符，请使用：

^[A-Za-zèòàs]{20}$

如果您想要三到二十个字符，请使用：

^[A-Za-zèòàs]{3,20}$

如果您想要三到任意数量的字符，请使用：

^[A-Za-zèòàs]{3,}$