Required gdy puste pole

Question

Witam. W jaki sposób wykonać zabieg blokujący 'required' gdy pole posiada jakikolwiek znak? Gdy cokolwiek wpiszemy komunikat nie powinien być wyświetlany.

Poprzez div 'requirements' wyświetlam dodatkowe informacje podczas wypełniania pól i gdy zabraknie kilku znaków 'required' za każdym razem zostaje wyświetlony.

Oto kod :

  <div>
      <input type="text" id="first_name" name="first_name"  pattern=".{6,}"  placeholder=" " required
      oninvalid="setCustomValidity('Proszę wypełnić pole!')" 
      oninput="setCustomValidity('')" />
    <label for="first_name">Nick</label>
    <div class="requirements">
      Nick może składać się z 6 znaków!
    </div>
  </div>

Z góry dzięki za pomoc. 

Answer 1

Witam. Sam nakazałeś wpisać co najmniej sześć znaków !!!  pattern=".{6,}"

Comments

Tak,tylko że required powinien wyświetlać się gdy pole jest puste,a wyświetla się z drugą informacją,dopóki nie zostaną spełnione określone warunki.

---

Może zamiast pattern=".{6,}"   minlength="1"  maxlength="6"