«Требуется» ввод HTML не работает даже в форме

Question

У меня есть текстовое поле и контрольный список с атрибутом 'required' внутри, и когда я нажимаю кнопку, чтобы перейти на следующую страницу без заполнения обоих входов, они не проверяются, если они заполнены.

<form id="form" method="" action="">
   <input type="text" name="dressPrice" id="price" class="control" onkeypress="return numberFilter(event)" dir="rtl" onpaste="return false" required />
   <input type="checkbox" id="cbox1" required /><label class="tac-label"> I accept the <a href="terms-and-conditions.html" class="tac-link">terms and conditions.</a>

   <a href="buy-step-02.html" class="btn is-small" type="submit">Search</a>
</form>

Самое странное, что у меня есть другая HTML-страница с формой, и атрибут 'required' на входах там работает просто отлично.Кто-нибудь знает, почему это происходит?

Я не думаю, что это проблема совместимости.

Answer 1

Используйте input вместо a.Также не хватало </label>

<form id="form" method="" action="buy-step-02.html">
   <input type="text" name="dressPrice" id="price" class="control" onkeypress="return numberFilter(event)" dir="rtl" onpaste="return false" required />
   <input type="checkbox" id="cbox1" required /><label class="tac-label"> I accept the <a href="terms-and-conditions.html" class="tac-link">terms and conditions.</a>
</label>
   <input  class="btn is-small" type="submit" value="Submit"/>
</form>