<!DOCTYPE html>
table, td
{
border: 1px solid black;
border-collapse: collapse;
}
th
{
font-weight: 100;
}
<link href="C:\Users\Puligadda Poornima\Desktop\css\jquery-ui.css" rel="stylesheet" type="text/css">
FirstName:
LastName :
Date of birth:
Phone :
Email :
Address :
Submit
What I have tried:
function ValidateEmail(inputText)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(inputText.value.match(mailformat))
{
document.form1.text1.focus();
return true;
}
else
{
alert("You have entered an invalid email address!");
document.form1.text1.focus();
return false;
}
}function formValidation()
{
var emailRegex=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
var fname=document.getElementById("fname").value;
var lname=document.getElementById("lname").value;
var datepicker=document.getElementById("datepicker").value;
var phone=document.getElementById("phone").value;
var email=document.getElementById("email").value;
var Address=document.getElementById("address").value;
var table = document.getElementById("myTable");
var row = table.insertRow();
var cell1 = row.insertCell();
var cell2 = row.insertCell();
var cell3 = row.insertCell();
var cell4 = row.insertCell();
var cell5 = row.insertCell();
var cell6 = row.insertCell();
cell1.innerHTML = fname;
cell2.innerHTML = lname;
cell3.innerHTML = datepicker;
cell4.innerHTML = phone;
cell5.innerHTML = email;
cell6.innerHTML = address;
var Errors = [ ];
if (fname>=0 && fname<=20)
{
var ErrorMsg = "FirstName be in between 0 to 20";
Errors.push(ErrorMsg);
document.getElementById("SpanFn") .innerHTML = ErrorMsg;
}
if (lname>=0 && lname<=20)
{
var ErrorMsg = "LastName be in between 0 to 10";
Errors.push(ErrorMsg);
document.getElementById("SpanLn") .innerHTML = ErrorMsg;
}
if (datepicker < 1890 && datepicker > 2020)
{
var ErrorMsg = "born after 1890.";
Errors.push(ErrorMsg);
document.getElementById("Spandate") .innerHTML = ErrorMsg;
}
if (phone>=0 && phone<=10)
{
var ErrorMsg = "phone number should be in between 0 to 10.";
Errors.push(ErrorMsg);
document.getElementById("Spanphone") .innerHTML = ErrorMsg;
}
if(Validate(email))
{
function Validate(email)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(email.value.match(mailformat))
{
return true;
}
else
{
alert("You have entered an invalid email address!");
return false;
}
}
}
}
FirstName | LastName | Dateofbirth | Phone | Email | Address |
---|
|