Walidacja formularza - js

Question

Cześć. Mam problem z walidacją formularza, który mam umieszczony w oknie modalnym. Chodzi o to że walidacja w javascripcie jest jakby pomijana i po kliknięciu w button formularza zostaje on wysłany bez sprawdzenia. Nie znam przyczyny takiego stanu rzeczy. Codepen: https://codepen.io/MtB0281/pen/QqPOoJ

Czy ktoś jest mi w stanie z tym pomóc?:)

Answer 1

event.preventDefault()

Comments

Rozumiem że to uniwersalna rada w przypadku formularzy, ale w kontekście tego kodu nieprzydatna

---

Nie, w ogóle, ktoś mi da odpowiedź, nie sprawdzę jej.

Tak, masz użyć event.preventDefault() i nie używać handlerów JS w kodzie HTML, bo nad tym się nie da zapanować.

1. Przypnij zdarzenie submit w kodzie JS
2. Zrób event.preventDefault
3. Zwaliduj i jeśli walidacja przeszła to zrób .submit()

Ta da.

 

I przede wszystkim masz złą definicję error:

error: 0

Powinno być this.error = 0, albo wyciągnąć to poza funkcję. To dlatego nie działa żadna walidacja.

Answer 2

Form action musi być puste bo po sprawdzeniu akcje wywoła ajax

Comments

W  js wysyłasz tylko gdy wszystko sprawdzisz

---

Nawet z pustym form action , formularz przechodzi

Answer 3

macie jeszcze jakieś inne propozycje?

Comments

Tak: po co w ogóle robisz taką walidację w JSie?

<input type="text" minlength=5>

Walidacja długości za darmo

<input type="email">

Walidacja emaila za darmo (i pewnie lepsza niż Twój regex)

---

Minlength nie jest obsługiwany w IE a ja potrzebuję rozwiązania na wszystkie przeglądarki