Walidacja formularz JS

Question

HTML >

[code]

<label for="name">Twoje imię:
             <input type="text" name="name" placeholder="Prosze wprowadzić swoje imię" class="name">
         </label>
              <br>     
         <label for="surname">Twoje nazwisko:
            <input type="text" name="surname" placeholder="Proszę wprowadzić swoje nazwisko" class="surname">
         </label>
              <br>
         <label for="email">Twój adres e-mail:
            <input type="email" name="email" placeholder="Proszę wprowadzić swój adres email" class="email">
         </label>
              <br>
         <label for="text">Treść wiadomości:
            <textarea name="text" cols="42" rows="10" class="text"></textarea>
         </label>
            <button class="confirm">WYŚLIJ</button>

[/code]

JS

[code]

let btn = document.querySelector(".confirm");
      // pobieranie danych po id/class
          let content = document.querySelector(".content");
          let name = content.querySelector(":scope .name");
          let surname = content.querySelector(":scope .surname");
          let email = content.querySelector(":scope .email");
          let text = content.querySelector(":scope .text");
      // dodawanie zdarzenia
      btn.addEventListener("click", function(){
          // sprawdź czy dane są poprawne i wyświetl błąd
          if(name.value.length < 3) alert("imię nie może być krótsze niż 3 znaki!");
          if(surname.value.length < 3) alert("nazwisko nie może być krótsze niż 3 znaki!");
          if(email.value.length < 10) alert("podany adres e-mail jest zbyt krótki");
          if(email.value.lastIndexOf("@") < -1) alert("podany adres e-mail jest niepoprawny");
          if(text.value.length < 15) alert("treść wiadomości jest zbyt krótka!");
          // jeśli poprawne to:
          if(name.value.length => 3 && surname.value.length => 3 && email.value.length => 10 && email.value.lastIndexOf("@") > -1 && text.value.length => 15) alert("Wiadomość została wysłana");
      }, false);

[/code]

Uncaught SyntaxError: Unexpected token . taki błąd dostaje od debugera i tak na prawdę nie wiem o co mu chodzi? Do tego warunek gdzie sprawdzam czy w adresie e-mail znajduje się znak ' @ ' też nie działa z niewiadomych przyczyn. Proszę kogoś bardziej ogarnięto żeby zapoznał się z kodem i zobaczył co może być nie tak.

Answer 1

W ostatnim if zamiast => wpisz >=

Comments

dziękuję za pomoc :)

Answer 2

To jest błąd składni. Polecam używać normalne IDE, który podkreśla takie błędy. Co do drugiej części, metoda lastIndexOf, gdy nie znajdzie podanego ciągu, zwraca dokładnie -1.

Comments

Dziękuję za pomoc wszystko działa :)