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

Sprawdzenie formularza JavaScript

Object Storage Arubacloud
0 głosów
1,811 wizyt
pytanie zadane 6 stycznia 2018 w JavaScript przez BinaryMan Stary wyjadacz (12,620 p.)
edycja 7 stycznia 2018 przez BinaryMan

Witam ! Mam taki oto kod dla prostego kalkulatora. Problem w tym, że wiem jak zrobić tak aby sprawdzić czy chociaż jedno z pól formularza jest puste. Jeśli tak to ma się wyświetlić napis aby uzupełnić pole 

<html>
    <head>
        <meta charset="utf-8">
        <title>Działania</title>
    </head>
    <body>
        <h1>PROSTE DZIAŁANIA NA LICZBACH</h1>
        
        
        Podaj pierwszą liczbę:<input type="number" id="1" name="1">
        <br/>
        Podaj drugą liczbę:<input type="number" id="2" name="2">   
        <br/>
        <button onClick="Dodawanie()">Dodawanie</button>
        <button onClick="Odejmowanie()">Odejmowanie</button>
        <button onClick="Mnożenie()">Mnożenie</button>
        <button onClick="Dzielenie()">Dzielenie</button>
        
        <p id="wynik"></p>
        
        <script type="text/javascript">
        
        function Dodawanie()
            {
                if((document.getElementById('1')==null)||(document.getElementById('2')==null)||(document.getElementById('1')==null)&&(document.getElementById('2')==null))
                   {
                   document.getElementById('wynik').innerHTML=("Zostawiłeś puste miejsce!");
                   }
                else
                    {
                var liczba1 = document.getElementById('1').value;
                var liczba2 = document.getElementById('2').value;               
                var wynik = ((liczba1*1)+(liczba2*1));
                
                document.getElementById('wynik').innerHTML=("Wynik działania: "+wynik);
                    }
            }

        
        
        </script>
        
        
    </body>

</html>

 

komentarz 6 stycznia 2018 przez kap Stary wyjadacz (11,620 p.)
komentarz 7 stycznia 2018 przez BinaryMan Stary wyjadacz (12,620 p.)

literówka w poście, nie zauważyłem na początku smiley

1 odpowiedź

+1 głos
odpowiedź 6 stycznia 2018 przez surfeliza Stary wyjadacz (11,260 p.)
wybrane 6 stycznia 2018 przez BinaryMan
 
Najlepsza

Nazwy id/klas zaczynających się od cyfr nie jest dobrą praktyką.

W twoim przypadku po odwołaniu się do do pól nie sprawdzasz value, a dodatkowo nigdy one nie zwrócą wartości null (no chyba, że element nie istnieje).

document.getElementById('1').value==""

Tak możesz sprawdzić zawartość czy nie jest pusta. Poza tym druga część w warunku if nie ma najmniejszego sensu.

komentarz 6 stycznia 2018 przez BinaryMan Stary wyjadacz (12,620 p.)
Dzięki !

Podobne pytania

0 głosów
1 odpowiedź 501 wizyt
0 głosów
1 odpowiedź 283 wizyt
pytanie zadane 30 listopada 2017 w Ogłoszenia, zlecenia przez lichotka Nowicjusz (210 p.)
0 głosów
1 odpowiedź 673 wizyt

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...