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

HTML, Input typu numerycznego, ograniczanie wprowadzanych wartości.

0 głosów
298 wizyt
pytanie zadane 9 sierpnia 2018 w HTML i CSS przez wanttobeanengineer Obywatel (1,120 p.)
Witam serdecznie,

mam pewien problem. Potrzebuję pobrać dane z pola input typu numerycznego do zmiennej w JS, jednak wartości w tym polu nie mogą być mniejsze od 1. Próbowałem do tego używać atrybutu "min" oraz "pattern" ale i jeden i drugi w moim przypadku nie działał tak jak oczekiwałem, tzn mogłem wpisać wartość ujemną i dopiero po submicie wyskakiwał komunikat że wartość musi być większa od 0, jednak z tego pola ta wartość ujemna została już pobrana do JS'a i bruździ.

Są jakieś atrybuty do inputa w HTML, żeby to zrobić? Może da się to w JS zrobić?

2 odpowiedzi

+1 głos
odpowiedź 9 sierpnia 2018 przez Tomek Sochacki Ekspert (228,960 p.)

Ale jak bruździ? Jeśli masz aktywną walidację HTML5 na formie to nie wykona on zdarzenia submit jeśli walidacja zawiera błędy.

A jeśli chcesz to robić bez walidatora html to w JS możesz po prostu:

const form = referencja do forma

form.addEventListener('submit', (e) => {
    const value = pobranie wartości z inputa

    if(value <= 0) {
        e.preventDefault(); // tutaj blokujemy domyślną akcję
    }
});

 

0 głosów
odpowiedź 9 sierpnia 2018 przez Comandeer Guru (568,660 p.)

Jeśli pobierasz dane do JS i nie robisz ich walidacji, to sam się prosisz o problemy. Za każdym razem, gdy pobierasz dane od użytkownika, sprawdzasz, czy są poprawne.

Z tego też powodu najlepiej byłoby przypiąć się pod zdarzenie input pola.

Podobne pytania

0 głosów
2 odpowiedzi 2,480 wizyt
pytanie zadane 21 kwietnia 2017 w C i C++ przez Jedyn Obywatel (1,200 p.)
0 głosów
1 odpowiedź 962 wizyt
pytanie zadane 29 maja 2018 w JavaScript przez C1chutki Nowicjusz (120 p.)
0 głosów
1 odpowiedź 68 wizyt
pytanie zadane 20 lipca 2018 w JavaScript przez Bish0p Obywatel (1,760 p.)

88,311 zapytań

136,904 odpowiedzi

305,517 komentarzy

58,593 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...