Click here to Skip to main content
15,889,281 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
<!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&lt;=20)
{
var ErrorMsg = "FirstName be in between 0 to 20";
Errors.push(ErrorMsg);
document.getElementById("SpanFn") .innerHTML = ErrorMsg;
}
if (lname>=0 && lname&lt;=20)
{
var ErrorMsg = "LastName be in between 0 to 10";
Errors.push(ErrorMsg);
document.getElementById("SpanLn") .innerHTML = ErrorMsg;
}
if (datepicker &lt; 1890 && datepicker > 2020)
{
var ErrorMsg = "born after 1890.";
Errors.push(ErrorMsg);
document.getElementById("Spandate") .innerHTML = ErrorMsg;
}
if (phone>=0 && phone&lt;=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;
}
}
}
}
FirstNameLastNameDateofbirthPhoneEmailAddress
Posted
Updated 14-Mar-17 21:23pm
Comments
Prateek Dalbehera 15-Mar-17 3:31am    
Please specify where you are facing problem, code seems ok. If you want to avoid the use of regular expression, please visit below link from w3schools.
https://www.w3schools.com/js/tryit.asp?filename=tryjs_form_validate_email

1 solution

Take a clue from Email Validation in JavaScript[^]
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900