form with input attributes 'required' and 'pattern' doesn't work

Issue

Hi i have this code with 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>

When I try to run the code, the required control is not working. Why?

Solution

don’t actually understand the problem but you have an incomplete <a> tag and you made your form hidden by setting display:none;

Answered By – lambsbaaacode

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0