developmentweb1

<!DOCTYPE html>
<head>
<title >Registration Form</title>
<script>
function validateForm()
{
  var x=document.forms["myForm"]["fname"].value;
  if(x==null || x=="")
    {
    alert("First Name must be Filled");
    return false;
    }
}

function validateEmail(sEmail)
 {
        var reEmail = /^(?:[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+\.)*[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+@(?:(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9\-](?!\.)){0,61}[a-zA-Z0-9]?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\-](?!$)){0,61}[a-zA-Z0-9]?)|(?:\[(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\]))$/;

    if(!sEmail.match(reEmail))
     {
        alert("Invalid email address");
        return false;
    }
}


function validatePhone(sPhone) {

        var phoneno = /^\d{10}$/;

        if(!sPhone.match(phoneno)) {
            alert("Invalid Mobile Number.");
            return false;
        }
    }


</script>
</head>
<body >
<H1 align="center">Registration Form</H1>

<table " border="1" align="center">
<col width="300"/>
<col width="200"/>
<form name="myForm" action="demo.html" onsubmit="return validateForm()" method="post">

<tr>
<td>
<b><font color="#00008B" size="4">Enter Username</font></b>
</td>
<td>
<input type="text"/>
</td>
</tr>


<tr>
<td>
<b><font color="#00008B" size="4">Enter Password</font><b>
</td>
<td>
<input type="password" name="pwd"/>
</td>
</tr>

<tr>
<td>
<b><font color="#00008B" size="4">Confirm Password</font></b>
</td>
<td>
<input type="text" name="cpwd"/>
</td>
</tr>


<tr>
<td>
<b><font color="#00008B" size="4">First Name</font></b>
</td>
<td>
<input type="text" name="fname">
<tr>


<td>
<b><font color="#00008B" size="4">Lasr Name</font></b>
</td>
<td>
<input type="text"/>
</td>
</tr>

<tr>
<td><b><font color="#00008B" size="4">Email-Id</font></b></td>
<td><input type="email" onblur="validateEmail(this.value)"/></td>


<tr>
<td>
<b><font color="#00008B" size="4">Gender</font></b>
</td>
<td>
<input type="radio" name="MALE" value="on"><font color="#00008B">MALE</font>
</br>
<input type="radio" name="MALE" value="on"><font color="#00008B">FEMALE</font>
</td>
</tr>


#00008B">FEMALE</font>
</td>
</tr>


<tr>
<td >
<button name="submit1" type="submit" value="autofocus">SUBMIT</button>
</td>
<td>
<button name="reset1" type="reset" value="autofocus">RESET</button>
</td>
</tr>
</table>
</form>
</body>
</html>