• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Walidacja emaila i nr tel. w jednym inpucie

Aruba Cloud - Virtual Private Server VPS
0 głosów
497 wizyt
pytanie zadane 24 listopada 2019 w JavaScript przez Gekon Początkujący (380 p.)
Mógłby ktoś podpowiedzieć czy jest możliwa walidacja emaila i nr. telefonu w jednym inpucie za pomocą jQuery Validation Plugin?

Udało mi się zrobić walidację jednynie na maila. Kod: https://codepen.io/grzegorz-kondracki/pen/MWWRpbw

3 odpowiedzi

+2 głosów
odpowiedź 25 listopada 2019 przez Comandeer Guru (606,550 p.)

Chyba najprościej byłoby po prostu dodać swoją własną regułę walidacji: https://jqueryvalidation.org/jQuery.validator.addMethod/

komentarz 26 listopada 2019 przez Gekon Początkujący (380 p.)

Hej, dzięki za podpowiedź. Stworzyłem własną metodę, jednak nie działa poprawnie. Nadal walidowany jest tylko mail. Będę wdzięczny za wskazówki.

Kod: https://codepen.io/grzegorz-kondracki/pen/WNNqowe

komentarz 26 listopada 2019 przez Comandeer Guru (606,550 p.)

Hm, trzeba dodać email: false do rules. Wówczas tylko Twoja reguła będzie walidować.

komentarz 26 listopada 2019 przez Gekon Początkujący (380 p.)

Dzięki za odpowiedź!

Jednak po dodaniu email: false nadal działa wbudowana metoda. Moja nadal nie. Próbowałem różnych kombinacji. Niestety bez sukcesu. 

0 głosów
odpowiedź 25 listopada 2019 przez mmarszik Mądrala (7,390 p.)
Kilka dowolnych (w sensie że można walidować dowolny ciąg znakóœ) przykładów jest tam:

https://www.w3schools.com/tags/att_input_pattern.asp

Już nie potrzeba jQuery, ani w ogóle JavaScript, za to trzeba znać podstawy RegExp. Poza tym w HTML5 są typy pól takie jak email.

Zrób pobieżną walidację po stronie klienta, a dokładną i  tak trzeba na serwerze.

Pozdrawiam
komentarz 25 listopada 2019 przez Comandeer Guru (606,550 p.)
Tylko że walidacja po stronie HTML-a jest totalnie daremna i nie ma ani dobrego UX, ani dobrej dostępności: http://www.quirksmode.org/blog/archives/2017/12/native_form_val.html http://www.quirksmode.org/blog/archives/2017/12/native_form_val_1.html http://www.quirksmode.org/blog/archives/2017/12/native_form_val_2.html

Żeby jej używać i tak trzeba ją obudować sensowną biblioteką JS-ową i traktować jako ostatnią nadzieję, gdy JS nie zadziała.
komentarz 25 listopada 2019 przez mmarszik Mądrala (7,390 p.)
Dokładnie i tak i tak trzeba po stronie serwera. Jeśli trzeba też dokładnie zrobić po stronie przeglądarki, to w javascript są wyrażenia regularne. Do emaila tam jest przyklad: https://emailregex.com.
komentarz 25 listopada 2019 przez Comandeer Guru (606,550 p.)
Ale ja nie mówię o dokładności czy bezpieczeństwie, ja mówię o samym UX.
komentarz 25 listopada 2019 przez mmarszik Mądrala (7,390 p.)
Co to jest UX?
komentarz 25 listopada 2019 przez mmarszik Mądrala (7,390 p.)
Nie rozumiem jak tego używasz w kontekscie testowania poprawności maila i numeru telefonu.
komentarz 25 listopada 2019 przez Comandeer Guru (606,550 p.)
Nie używam do sprawdzania poprawności…

Mówię o tym, że natywna walidacja w HTML ssie i jest po prostu skrajnie wybrakowana. Co z tego, że technicznie działa poprawnie, skoro interfejs jest brzydki, nieintuicyjny i nie jest w żaden sposób dostępny (np. dla czytników ekranowych). A że walidacja po stronie klienta istnieje głównie po to, by podnosić UX (żeby nie musieć wysyłać wszystkiego na serwer i czekać na zwrotkę), to wykorzystanie do tego rozwiązania, które obniża UX, po prostu mija się z celem.
komentarz 25 listopada 2019 przez mmarszik Mądrala (7,390 p.)
Teraz rozumiem, dziękuję za wyjaśnienie. Osobiście nie znam tak dobrze szczegółów żeby wyrobić sobie pogląd na to czy walidacja w html jest dobra/przydatna, czy też nie. Może jest dobra jako punkt wyjścia? Może da się przechwycić zdarzenie że walidacja się nie udała i upiększyć wszystko w JS?
0 głosów
odpowiedź 26 listopada 2019 przez Gekon Początkujący (380 p.)

Podobne pytania

0 głosów
1 odpowiedź 197 wizyt
pytanie zadane 1 marca 2018 w PHP przez Daniel90 Pasjonat (17,970 p.)
0 głosów
0 odpowiedzi 1,195 wizyt
pytanie zadane 29 marca 2019 w PHP przez MrxCI Dyskutant (8,260 p.)
0 głosów
2 odpowiedzi 2,801 wizyt
pytanie zadane 26 listopada 2016 w PHP przez gipsy222 Nowicjusz (120 p.)

93,327 zapytań

142,325 odpowiedzi

322,396 komentarzy

62,657 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...