Typ buttona a pattern

S2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 91
0

Mam zrobiony formularz i zauważyłem jeden błąd, a mianowicie typ buttona (type=button) blokuje mi pattern

Imię: <input type="text" id="imie" pattern="^[A-Z]{1}[a-zA-Z]+" title="Rozpocznij od dużej litery"/>

<button id="button" type="button" onclick="SprawdzPola()"/>Wyslij</button>

Jeżeli zmieniłbym typ to znowu nie wyświetla mi się DIV w którym pojawia się, czy formularz jest poprawnie wypełniony czy czegoś brakuje. Jak to wszystko obejść.

<div id="message"></div>

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
0

nie, nie blokuje, po prostu wywołujesz wysyłanie przez js, a więc omijasz całą validację po stronie html. Zrób type submit i w form musisz to przechwycić wtedy zadziała ci validacja html oraz wysyłanie będziesz miał w js.

Kopiuj
<form onsubmit="mysubmit();return false">

</form>

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.