Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script>
function validateForm(){

    var fName = document.getElementById('first').value;
    var lName = document.getElementById('last').value;
    var eVal = document.getElementById('email').value;
    var eValConf = document.getElementById('emailconf').value;
    var date = document.getElementById("date").value;
    var atpos = eVal.indexOf("@");
    var dotpos = eVal.lastIndexOf(".");

    if(fName == null || fName == ""){
        alert("First name must be filled out");
        return false;
    }else if(lName == null || lName == ""){
        alert("Last name must be filled out");
        return false;
    }else if(eVal == null || eVal == ""){
        alert("Please insert an e-mail address")
        return false;
    }else if(date == null || date == ""){
        alert("Not a valid date.")
        return false;
    }else if(atpos < 1 || dotpos < atpost+2 || dotpos+2>=eVal.length){
        alert("Not a valid e-mail address");
        return false;
    }else if(eValConf != eVal || eValConf == ""){
        alert("E-mails doesn't match");
        return false;
    }
}
</script>
<script type="text/javascript" src="datetimepicker.js">

//Date Time Picker script- by TengYong Ng of http://www.rainforestnet.com
//Script featured on JavaScript Kit (http://www.javascriptkit.com)
//For this script, visit http://www.javascriptkit.com

</script>
</head>
<body>
<form name="frm" method="GET" onSubmit="return validateForm();">
<table>
    <tr>
        <td>First name:</td>
        <td><input type="text" id="first">*</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Last name:</td>
        <td><input type="text" id="last">*</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Date of birth:</td>
        <td><input id="date" type="text" size="25"><a href="javascript:NewCal('date','ddmmyyyy')">
        <img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a>*</td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Phone number:</td>
        <td><input type="text" id="phone"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>E-mail:</td>
        <td><input type="text" id="email">*</td>
        <td>Confirm e-mail:</td>
        <td><input type="text" id="emailconf">*</td>
    </tr>
    <tr>
        <td><input type="submit" value="Submit"></td>
    </tr>
</table>
<p style="font-size:10px;"><i>Fields with an * are required fields</i>i</p>
</form>
</body>
</html>