Validate Email with JavaScript.pdf
EmailConcern
52 views
11 slides
Apr 19, 2022
Slide 1 of 11
1
2
3
4
5
6
7
8
9
10
11
About This Presentation
It is about Validate Email with JavaScript. Email validation is mandatory for email marketing and any sort of advertisement.
Slide Content
Validate Email with JavaScript
Validate an Email address is very important.
This validation can be performed in many
computer languages but today we are going
to Validate Email with JavaScript.
This validation can be performed in many
computer languages but today we are going
to Validate Email with JavaScript.
What is JavaScript ?
Javascript is a scripting computer language
and its abbreviation is JS. It is used to
develop complex web applications However
it is always used with CSS and HTML. It is
different from the Java computer language.
Javascript is a scripting computer language
and its abbreviation is JS. It is used to
develop complex web applications However
it is always used with CSS and HTML. It is
different from the Java computer language.
Why Validate Email Address
In today’s world, most of the important
communication is done through Email
addresses. Collecting email addresses is not
only important but it becomes essential
when it comes to Email Marketing.
Therefore validating the email address
becomesmandatory
In today’s world, most of the important
communication is done through Email
addresses. Collecting email addresses is not
only important but it becomes essential
when it comes to Email Marketing.
Therefore validating the email address
becomesmandatory
Structure of Email Address
Consider this email address as a sample
[email protected]. It is a valid email address. Now it
consists of 3 parts
Before @ :: It consists of the name of the email address. This part
consists of letters (capital as well as small), numbers, and special
characters.
After @ :: It consists of a domain name so here you can use (capital as
well as small), numbers, and special characters.
After dot :: It defines the type of the domain like com, org, etc. In this
part, only letters (capital as well as small), numbers, and dot(optional)
can appear.
Ifanyofthestructuresisviolatedtheemailaddressbecomesinvalid
Consider this email address as a sample
[email protected]. It is a valid email address. Now it
consists of 3 parts
Before @ :: It consists of the name of the email address. This part
consists of letters (capital as well as small), numbers, and special
characters.
After @ :: It consists of a domain name so here you can use (capital as
well as small), numbers, and special characters.
After dot :: It defines the type of the domain like com, org, etc. In this
part, only letters (capital as well as small), numbers, and dot(optional)
can appear.
Ifanyofthestructuresisviolatedtheemailaddressbecomesinvalid
Validate Email with JavaScript
To validate the Email with Javascript I use the following code.
<!DOCTYPE html>
<html>
<body>
<h1>Validate Email with JavaScript</h1>
<input id="EmailAddress">
<button type="button" onclick="VALIDATE_EMAIL_ADDRESS()">Submit</button>
<h2 id="Result" style="color: Green;"></h2>
<script>
function VALIDATE_EMAIL_ADDRESS() {
var email;
email = document.getElementById("EmailAddress").value;
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
To validate the Email with Javascript I use the following code.
<!DOCTYPE html>
<html>
<body>
<h1>Validate Email with JavaScript</h1>
<input id="EmailAddress">
<button type="button" onclick="VALIDATE_EMAIL_ADDRESS()">Submit</button>
<h2 id="Result" style="color: Green;"></h2>
<script>
function VALIDATE_EMAIL_ADDRESS() {
var email;
email = document.getElementById("EmailAddress").value;
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
Validate Email with JavaScript
if (reg.test(EmailAddress.value) == false)
{
document.getElementById("Result").style.color = "red";
document.getElementById("Result").innerHTML ="Invalid EMail Address "+ email;
return false;
}
else
{
document.getElementById("Result").style.color = "Green";
document.getElementById("Result").innerHTML ="Valid Email Address"+email;
}
return true;
}
</script>
if (reg.test(EmailAddress.value) == false)
{
document.getElementById("Result").style.color = "red";
document.getElementById("Result").innerHTML ="Invalid EMail Address "+ email;
return false;
}
else
{
document.getElementById("Result").style.color = "Green";
document.getElementById("Result").innerHTML ="Valid Email Address"+email;
}
return true;
}
</script>
To test the above mention code I used
W3School JavaScript online editor. In this
editor just paste the code into the editor and
press the Run button.
W3School JavaScript online editor. In this
editor just paste the code into the editor and
press the Run button.
Conclusion
In order to collect valid email addresses, this
validation is mandatory. You cannot skip this
step. It not only makes things easy for you but
also ensures data integrity.
In order to collect valid email addresses, this
validation is mandatory. You cannot skip this
step. It not only makes things easy for you but
also ensures data integrity.
Tags
Categories
TechnologyDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 52
- Slides 11
- Age 1325 days
Related Slideshows
11
8-top-ai-courses-for-customer-support-representatives-in-2025.pptx
JeroenErne2
49 views
10
7-essential-ai-courses-for-call-center-supervisors-in-2025.pptx
JeroenErne2
48 views
13
25-essential-ai-courses-for-user-support-specialists-in-2025.pptx
JeroenErne2
37 views
11
8-essential-ai-courses-for-insurance-customer-service-representatives-in-2025.pptx
JeroenErne2
35 views
21
Know for Certain
DaveSinNM
23 views
17
PPT OPD LES 3ertt4t4tqqqe23e3e3rq2qq232.pptx
novasedanayoga46
26 views