技术原理

如何在JavaScript中执行电子邮件验证?

成为经过认证的专业

JavaScript是全堆栈、前端和后端开发中最流行的语言之一。它被用来创建设计精美的网站。在JavaScript中,验证用于对用户进行身份验证。本文按照以下顺序提供了一个关于JavaScript中电子邮件验证的分步指南:

什么是验证?JavaScript中的电子邮件验证-逐步什么是验证?”

“验证是一种对用户进行身份验证的方法。JavaScript提供了在客户端验证表单的功能,因此数据处理将比服务器端验证更快。它是大多数web开发人员的首选。通过JavaScript,我们可以验证名称、密码、电子邮件、日期、手机号和更多字段。

validation - email validation in javascript- edureka

客户端验证防止客户端在重新加载页面之前知道表单是否正确。鉴于,服务器端验证非常重要,因为关闭JavaScript可以完全绕过客户端验证。

现在让我们继续看JavaScript中电子邮件验证涉及的步骤。

JavaScript中的电子邮件验证-一步一步

验证电子邮件是非常重要的一点验证HTML表单时。电子邮件是由“@”符号分隔为两部分的字符串或ASCII字符子集。

第一部分可以由以下ASCII字符组成:

大写(a-Z)和小写(a-Z)字母数字(0-9)字符,例如!# $ % & ‘ * – / = ? ^{{}~字符。(句点、点或句号)但它不应该是第一个或最后一个字符,也不应该是一个接一个的

域名由

字母数字连字符点

组成我们使用正则表达式/^w ([.-]?w *@w ([.-]?w *(.w{2,3}) $/。现在让我们看看如何在JavaScript代码中使用这个表达式来验证您的电子邮件id:

电子邮件-验证.js

函数ValidateEmail(inputText)var mailformat=/^w ([.-]?w *@w ([.-]?w *(.w{2,3}) $/;{警报(“您输入了有效的电子邮件地址!”);//有效电子邮件地址的弹出警报返回真值;其他的警报(“您输入的电子邮件地址无效!”);//无效电子邮件地址的弹出警报返回false;}

现在让我们在HTML表单中应用JavaScript函数:

电子邮件验证.html

JavaScript电子邮件验证 /链接到css的源文件以添加样式 输入要验证的电子邮件    

现在让我们在CSS的帮助下为表单添加样式:

表单-样式表

li{列表样式类型:无;}.邮件{边距:自动;衬垫顶部:10px;宽度:800px;边界:1倍固体rgb(1,20,24);}左边距:38px;输入{}输入:焦点, 文本区域:焦点{}输入提交{}

现在您已经创建了用于验证电子邮件id的表单,在执行HTML代码之后,您将获得以下输出:

输出

output 1 - email validation in javascript - edureka

现在基于正则表达式的格式,如果您输入有效的电子邮件id,例如xyz@domain.com网站它将显示以下警报:

valid email - email validation in javascript - edureka

但是如果您输入的电子邮件id违反了正则表达式格式的规则,例如xyz#domain co,它将显示以下警报:

invalid email - email validation in javascript - edureka

这些是JavaScript中电子邮件验证的不同步骤。我希望你能理解HTML,CSS和JavaScript是如何一起用来建立一个验证表单的。

既然你知道了JavaScript中的电子邮件验证,看看Edureka的Web开发认证培训吧。Web开发认证培训将帮助你学习如何使用HTML5,CSS3创建令人印象深刻的网站,Twitter Bootstrap 3、jQuery和googleapi并将其部署到Amazon简单存储服务(S3)上。

有问题要问我们吗?请在“JavaScript电子邮件验证”的评论部分提到它,我们会给您回复

你也可能喜欢

发表评论

您的电子邮件地址不会被公开。 必填项已用 * 标注

提示:点击验证后方可评论!

插入图片
人工智能手机 投稿者
我还没有学会写个人说明!
最近文章
  • * 没有更多文章了
  • 热门搜索

    分类目录