Question

Zrobilem formularz w JavaScript :

function validate() {
if (document.form1.yourname.value.length < 1) {
alert("Musisz podać swoje imię!");
return false;
} if (document.form1.yoursurname.value.length < 1) {
alert("Musisz podać swoje nazwisko!");
return false;
}
if (document.form1.yourprop.value.length < 1) {
alert("Musisz podać propozycje zmian!");
return false;
}
return true;
}

Cały skrypt dziala prawidlowo ale chciałbym dodać takie cos że jak ktoś wpisze w pole yourname np. Jan , to w przypadku gdy wszystkie pola bedą pełne wyskoczy alert np. "Witaj Janie".A po kliknięciu Ok strona przejdzie do wysyłania maila a nie tak jak w poprzednich wróci do strony(tu chyba trzeba coś zrobić z return true;

Formularz w HTML wygląda tak:

<form name="form1" action="mailto: [email protected]" enctype="text/plain" method="POST" onSubmit="return validate();">
<p><b>Imię:</b> <input Type="Text" Size="20" Name="yourname">
</p>
<p><b>Nazwisko:</b> <input Type="Text" Size="30" Name="yoursurname">
</p>
<p><b>Propozycje zmian:<b> <input Type="Text" Size="60" Name="yourprop">(proszę o nie używanie Polskich znaków)
</p>
<p><input type="image" src="wyslij.png" title="Wy&#x015b;lij"/></p>
</form>

Z góry dzięki.

Answer 1

<script type="text/javascript">

function validate() {
    if (document.form1.yourname.value.length < 1) {
       alert("Musisz podać swoje imię!");
       return false;
    }  
    if (document.form1.yoursurname.value.length < 1) {
       alert("Musisz podać swoje nazwisko!");
       return false;
    }
    if (document.form1.yourprop.value.length < 1) {
     alert("Musisz podać propozycje zmian!");
     return false;
    }
    return true;
}
//Dodaj tę funkcje:
function all() {
    if (
        (document.form1.yourname.value.length > 0) &&
        (document.form1.yoursurname.value.length > 0) &&
        (document.form1.yourprop.value.length > 0)
    ) {
        alert("Witaj "+ document.form1.yourname.value +"!");
        return document.form1.submit();
    }
}
</script>
<!-- oraz w formularzu event onBlur -->
<form name="form1" action="mailto: [email protected]" enctype="text/plain" method="POST" onSubmit="return validate();">
    <p><b>Imię:</b> <input Type="Text" Size="20" Name="yourname" onblur="return all();">
    </p>
    <p><b>Nazwisko:</b> <input Type="Text" Size="30" Name="yoursurname" onblur="return all();">
    </p>
    <p><b>Propozycje zmian:<b> <input Type="Text" Size="60" Name="yourprop" onblur="return all();">(proszę o nie używanie Polskich znaków)
    </p>
    <p><input type="image" src="wyslij.png" title="Wy&#x015b;lij"/></p>
</form>