Elektroda.pl
Elektroda.pl
X
Proszę, dodaj wyjątek dla www.elektroda.pl do Adblock.
Dzięki temu, że oglądasz reklamy, wspierasz portal i użytkowników.

Pole formularzy w Java Script.... Od czego zacząc?

19 Lis 2008 20:42 3784 3
  • Poziom 12  
    Witam. Mam napisać w JavieScript formularz z polami (imie, nazwisko, adres e-meil i strona www) w którym będzie sprawdzał poprawność imienia i nazwiska: duża tylko pierwsza litera imienia i nazwiska, poprawnośc adresu e-meil: brak kropki po @, brak kropki na końcu, i to samo ze stroną www. Prosiłbym o pomoc od czego zacząć bo szczerze to jestem zielony z Javy :( Z góry wielkie dzięki
  • Poziom 13  
    Znaczy z Javy czy z JavaScript bo to jednak roznica.
    Zacznij od zrobienia jednego pola w htmlu i zrob dla niego walidacje.
    Przeczytaj sobie to. Mysle ze wiele ci rozjasni.
  • Poziom 12  
    Dzięki.. Troche mi to rozjaśniło sytuacje ale i tak mam problem.. Spróbowałem zrobić pole formaularzy sprawdzające czy nie zostaje pole niewypełnione i niby wszystko jest ok, tylko przy pozostawieniu jednego pola pustego nie wyskakuje błąd, a powinien... Jeśli ktoś może to zerknijcie na kod.. Z góry wielkie dzięki

    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
    <head>
      <title>Strona z formularzem</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
      <style type="text/css">
        label {
        display: block;
        margin: 2px;
        }
      </style>
      <!-- Nasz kod Javascript: -->
      <script type="text/javascript">
        window.onload = Laduj;
        function Laduj(){
        document.forms['sprawdzanie_poprawnosci'].onsubmit = Verify;
        }
        function Verify(){
        var imie_i_nazwisko = document.forms['sprawdzanie_poprawnosci'].imie_i_nazwisko.value;
        var adres_e-meil = document.forms['sprawdzanie_poprawnosci'].adres_e-meil.value;
        var strona_www = document.forms['sprawdzanie_poprawnosci'].strona_www.value;
        var error = false;
        if (imie_i_nazwisko == "") {
        document.forms['sprawdzanie_poprawnosci'].imie_i_nazwisko.style.border = "2px solid #FF0000";
        alert('Nie wypełniłe&para; pola z imieniem i nazwiskiem!');
        error = true;
        }
        if (adres_e-meil == "") {
        document.forms['sprawdzanie_poprawnosci'].adres_e-meil.style.border = "2px solid #FF0000";
        alert('Nie podałe&para; adresu e-meil!');
        error = true;
        }
        if (strona_www == "") {
        document.forms['sprawdzanie_poprawnosci'].strona_www.style.border = "2px solid #FF0000";
        alert('Nie podałe&para; adresu strony www!');
        error = true;
        }
        if (error) {
        return false;
        }
        }
      </script>
    </head>
    <body>
      <font size="4">
      <form method="post" action name="sprawdzanie_poprawnosci">
        <center>
          <label>imię i nazwisko:
        </center>
        <center>
          <input type="text" name="imie_i_nazwisko" value /></label>
        </center>
        <center>
          <label>adres e-meil:
        </center>
        <center>
          <input type="text" name="adres_e-meil" value /></label>
        </center>
        <center>
          <label>adres strony www:
        </center>
        <center>
          <input type="text" name="strona_www" value /></label>
        </center>
        <center>
          <input type="submit" value="sprawdz poprawnosc danych" />
        </center>
        </font>
      </form>
    </body>
    </html>
  • Pomocny post
    Poziom 13  
    Ok, w sumie wszystko dobrze, ale teraz przeanalizuj zmieniony przeze mnie kod:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">

    <head>
    <title>Strona z formularzem</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <style type="text/css">
    label {
       display: block;
       margin: 2px;
       font-size: 14px;
    }
    .style1 {
       text-align: center;
    }
    </style>
    <!-- Nasz kod Javascript: -->
    <script type="text/javascript">
        window.onload = Laduj;

        function Laduj(){
        document.forms['sprawdzanie_poprawnosci'].onsubmit = Verify;
        }
       
        function Verify(){
       
        var iin = document.forms['sprawdzanie_poprawnosci'].imie_i_nazwisko.value;
        var ae = document.forms['sprawdzanie_poprawnosci'].adres_email.value;
        var s = document.forms['sprawdzanie_poprawnosci'].strona_www.value;
        var error = false;
       
       
        if (iin == "") {
        document.forms['sprawdzanie_poprawnosci'].imie_i_nazwisko.style.border = "2px solid #FF0000";
        alert('Nie wypełniłeś pola z imieniem i nazwiskiem!');
        error = true;
        }
       
        if (ae == "") {
        document.forms['sprawdzanie_poprawnosci'].adres_email.style.border = "2px solid #FF0000";
        alert('Nie podałeś adresu e-meil!');
        error = true;
        }
       
        if (s == "") {
        document.forms['sprawdzanie_poprawnosci'].strona_www.style.border = "2px solid #FF0000";
        alert('Nie podałeś adresu strony www!');
        error = true;
        }
       
        if (error) {
        return false;
        }
       
        }
      </script>
    </head>

    <body>

    <form method="post" action="" name="sprawdzanie_poprawnosci">
       <div class="style1">
       <label>imię i nazwisko:</label> <input type="text" name="imie_i_nazwisko" value=""/>
       <label>adres e-mail:</label> <input type="text" name="adres_email" value="" />
       <label>adres strony www:</label> <input type="text" name="strona_www" value="" /><br />
    <input type="submit" value="sprawdz poprawnosc danych" />
    </div>
    </form>


    </body>

    </html>


    Troche ci tam pozmienialem. Co było zle:
    - zle sformatowany html, moj edytor od razu sie pluł, ale to w sumie drobiazg, nie wiem jakiego edytorka uzywasz, ale sciagnij sobie np Visual Web Developer 2008 Express Edition - dobrze sie nadaje do robienia stronek pod tym kątem, koloruje składnie, podpowiada kod i jest za friko.
    - uzyles tych samych nazw zmiennych jak nazw pol co kolidowalo ze soba
    - adres e-mail a nie e-meil:D

    Teraz powinno śmigac :P