Formularz sprawdzający poprawność

W sekcji head wstaw kod skryptu:

<SCRIPT LANGUAGE="JavaScript">
<!--
function resetform() {
document.forms[0].elements[1]="";
}
function submitForms() {
if (isEmail() && isFname() && isLname() && isAddress() && isCity() && isState() && isZip())
if (confirm("\n Czy napewno zamierzasz podać swój adres e-mail?"))
{
alert("\nTwoje dane zostaną teraz wysłane. \n\n Użyj przycisku RETURN gdy formularz zostanie wysłany i zechcesz powrócic do mojej strony głównej.\n\n\n Dziękuję za subskrybcję.");
return true;
}
else
{
alert("\n Czy chcesz anulować subskrybcję?");
return false
}
else
return false;
}
function isEmail() {
if (document.forms[0].elements[1].value == '') {
alert ("\n Brak adresu e-mail. \n\n Proszę o uzupełnienie.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1) {
alert ("\n Błąd w adresie e-mail - \"@\" lub \".\"\nProsze wpisać adres e-mail ponownie.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
function isFname() {
if (document.forms[0].elements[2].value == "")
{
alert ("\n Nie wpisałeś swojego imienia. \n\n Proszę o uzupełnienie danych.")
document.forms[0].elements[2].focus();
return false;
}
return true;
}
function isLname() {
if (document.forms[0].elements[3].value == "") {
alert ("\n Nie wpisałeś swojego nazwiska. \n\nProsze o uzupełnienie danych.")
document.forms[0].elements[3].focus();
return false;
}
return true;
}
function isAddress() {
if (document.forms[0].elements[4].value == "") {
alert ("\n Brak adresu. \n\nProszę, uzupełnij dane.")
document.forms[0].elements[4].focus();
return false;
}
return true;
}
function isCity()
{
if (document.forms[0].elements[5].value == "")
{
alert ("\n Nie wpisałeś nazwy miejscowości w adresie. \n\nProszę, uzupełnij dane.")
document.forms[0].elements[5].focus();
return false;
}
return true;
}
function isState() {
if (document.forms[0].elements[6].value == "") {
alert ("\n Nie wpisałeś nazwy kraju z którego pochodzisz.\n\nProszę, uzupełnij dane.")
document.forms[0].elements[6].focus();
return false;
}
return true;
}
function isZip() {
if (document.forms[0].elements[7].value == "") {
alert ("\n Nie wpisałeś kodu pocztowego. \n\nProszę, uzupełnij dane.")
document.forms[0].elements[7].focus();
return false;
}
return true;
}
// -->
</SCRIPT>

w sekcji body stwórz formularz:

<FORM enctype="text/plain" name="addform" method='post'
action="mailto:Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript." onSubmit="return submitForms()">
<div align="center">
<input type="hidden" name="Form" value="Submit Sub">
</div>
<TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#7789AA" align="center">
<TR valign=baseline>
<TD> <font face="arial">e-mail:</font> </TD>
<TD>
<input type=text name="Email Address" size=35,1 maxlength=80>
</TD>
</TR>
<TR>
<TD> <font face="arial">nazwisko:</font> </TD>
<TD>
<input type=text name="First Name" size=35,1 maxlength=80>
</TD></TR>
<TR>
<TD> <font face="arial">imię:</font> </TD>
<TD>
<input type=text name="Last Name" size=35,1 maxlength=80>
</TD></TR>
<TR>
<TD> <font face="arial">adres:</font> </TD>
<TD>
<input type=text name="Address" size=35,1 maxlength=80>
</TD></TR>
<TR>
<TD> <font face="arial">miejscowość:</font> </TD>
<TD>
<input type=text name="City" size=35,1 maxlength=80>
</TD></TR>
<TR>
<TD> <font face="arial">państwo:</font> </TD>
<TD>
<input type=text name="State" size=10,1 maxlength=25>
</TD></TR>
<TR>
<TD> <font face="arial">kod pocztowy:</font> </TD>
<TD>
<input type=text name="Zip" size=20,1 maxlength=35>
</TD></TR></TABLE>
<br>
<center>
<input type="submit" value=" Wyślij">
<input type="button" value=" Cofnij " onclick="window.location='http://www.netdesign.beep.pl'">
<input type="reset" value="Wyczyść formularz" onclick=resetform()>
</center></FORM>

 

Popularne Artykuly

Najnowsze Artykuły