Untitled

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="palautelomake.css" type="text/css">


</head>

<body>


    <!--
    ==  Equal to
    != not equal to
> greater tjan
>= Greater than or equal to
<= less tnhan or equal to

& and
| or
! not

    -->

    <form  name="myForm"  action="/action_page.php" onsubmit="return validateForm()" method="post">

        <table>

            <tr>
            <td> <h1> Palautelomake</h1> </td>
            </tr>

            <tr>
                <td> Etunimi: </td>
                <td> <input minlength="3" type="text" name="etunimi" size="50" /> </td>
            </tr>
            <tr>
                <td> Sukunimi: </td>
                <td> <input minlength="3" type="text" name="sukunimi" size="50"/> </td>
            </tr>
            <tr>
                <td> Sahkoposti: </td>
                <td> <input type="text" name="sahkoposti" size="50"/> </td>
            </tr>
            <tr>
                <td> Puhelin: </td> <td>
                <input type="text" name="puhelin" size="50"/> </td>
            </tr>
            <tr>
                <td> Osoite: </td>
                <td> <textarea rows="4" cols="50">  </textarea></td>
            </tr>
            <tr>
                <td> Maa: </td>
                 <td>
                  <select>
                      <option value="choose yours"> [Choose yours]</option>
                     <option value="islanti">Islanti</option>
                      <option value="ruotsi">Ruotsi</option>


                     </select>

                </td>
            </tr>
           <tr>
                <td> <input type="submit" name="submit" value="Laheta"/> </td>
            </tr>

        </table>
 </form>

 <script>


        function validateForm()
{
var etunimi = document.forms["myForm"]["etunimi"];
var sukunimi = document.forms["myForm"]["sukunimi"];
var sahkoposti = document.forms["myForm"]["sahkoposti"];
var puhelin = document.forms["myForm"]["puhelin"];
var osoite = document.forms["myForm"]["osoite"];
var maa = document.forms["myForm"]["maa"];

// etunimi
if (etunimi.value == "")
{
    etunimi.focus();
	window.alert("Anna etunimesi");
    return false;
}


if (!/^[a-zA-Z]*$/g.test(document.myForm.etunimi.value))
{
        alert("Please input alphabets only.");
        document.myForm.etunimi.focus();
        return false;
}
// etunimi end


// sukunimi
if (sukunimi.value == "")
{
	window.alert("Anna sukunimesi");
    sukunimi.focus();
	return false;

}
if (!/^[a-zA-Z]*$/g.test(document.myForm.sukunimi.value))
{
        alert("Please input alphabets only.");
        document.myForm.sukunimi.focus();
        return false;
}
// sukunimi end


if (sahkoposti.value == "")
{
	window.alert("Anna sahkoposti");
    sahkoposti.focus();
	return false;
}


{
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}


// puhelin
if (puhelin.value == "")
{
	window.alert("Anna puhelin.");
    puhelin.focus();
	return false;

}

if(isNaN(document.myForm.puhelin.value))
{
    alert('Please input number only.');
    return false;

}
// puhelin end


if (osoite.value == "")
{
	window.alert("Anna osoite.");
	return false;
}
if (maa.value == "")
{
	window.alert("Anna maa");
	return false;
}


return true;

}

     </script>


    </body>


</html>