[JS] Formularz

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
atom
Nowy
Nowy
Posty: 145
Rejestracja: wt gru 20, 2005 1:55 pm
Kontakt:

Re: [JS] Formularz

Post autor: atom »

Z wpisywaniem w pola tekstu "brak danych" musisz uważać... Raz nic nie wpiszesz, naciśniesz wyślij i w pola wpiszą się teksty 'brak danych'. Znowu nic nie wpiszesz i naciśniesz wyślij - pola będą niepuste i walidacja przejdzie...

A przycisk typu image jest zgodny ze specyfikacją? Ja o tym nie słyszałem... :?

Ja bym tę walidację zrobił tak:

Kod: Zaznacz cały

<html>
<script type="text/javascript">
<!--
function verify(form)
{
    var msg = '';
    var ctrl = null;
    if (form.student.value=="") {
        msg ='Nie wypelniono pola student\n';
        if (!ctrl) ctrl = form.student;
    }
    if (form.content.value=="") {
        msg += 'Nie wypelniono pola content';
        if (!ctrl) ctrl = form.content;
    }
    if (msg!='')
    {
      alert(msg);
      ctrl.focus();
      write.innerHTML="Wiadomość nie została wysłana.<br/>!Formularz nie został poprawnie wypełniony!";
      return false;
    }
    return true;
}
//-->
</script>
<body>

<form method="get" onsubmit="return verify(this);">

<select name="chooseteacher" class="message-to-teacher-put">
    <option>teacher1</option>
    <option>teacher2</option>
    <option>teacher3</option>
</select>

Podaj swój adres email:
<input class="message-to-teacher-put" type="text" name="student" size="9" maxlength="12"/>

Podaj treść wiadomości:<br/>
<textarea class="message-to-teacher-put" type="text" wrap="off" name="content" rows="8" cols="32"></textarea><br/>

<input type="submit" name="Send" value="Wyślij" title="Wyślij"/>

<div id="write"/>
</form>
</body>
</html>
Taka jest moja koncepcja, tak ja to widzę...
atom
Nowy
Nowy
Posty: 145
Rejestracja: wt gru 20, 2005 1:55 pm
Kontakt:

Re: [JS] Formularz

Post autor: atom »

Nie ma sprawy. Dodatkowo, jeśli chcesz mieć obrazek jako przycisk submit, możesz zrobic coś w tym stylu:

Kod: Zaznacz cały

<a href="javascript:void(0)" onclick="document.forms[0].submit()"><img src="..." alt="Wyślij"/></a>
ODPOWIEDZ