手机版

JavaScript中的电子邮件地址格式验证

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

最近做了一个前端项目,要求输入数据必须包含@符号和点(。).同时,@不能是电子邮件地址的第一个字符,并且@后面必须至少有一个点。

1:代码

!doctype html townleta charset=' utf-8 ' title通过JavaScript/title/head script type=' text/JavaScript '/create第一个函数validate_emil()验证它是否满足电子邮件地址它还包含两个参数:functionvalidate _ email (field,alerttx){ with(field){//使用indexOf()方法返回字符串中指定字符串值的第一个出现位置-定义一个变量apos并将第一个出现的“@”赋给apos=value . indexOf(“@”);//使用lastindexoff()方法返回指定字符串值的最后一个出现位置,从后向前搜索字符串中的指定位置-//stringobject。lastindexoff(搜索值,fromindex)//fromindex可选整数参数。指定字符串中开始检索的位置。合法值是0到stringObject.length-1。如果省略此参数,检索将从字符串的最后一个字符开始。dotpos=value.lastIndexOf(' . ');//确定“@”的位置是否匹配,或者“.”的位置是否匹配如果(1 | | dot pos-2){//使用alert()弹出警告窗口执行alert text//的操作,则在“@”后面;电子邮件地址与alert(alert text)不匹配;返回false} else {//电子邮件地址匹配返回true} } }//创建第二个函数validate_form()并包含一个参数函数validate _ form(此表单){with(此表单){if (validate _ email (email),'不是有效的电子邮件地址!')==false) {//使用focus()将输入焦点移动到对象email . focus();返回false} } }/scriptbody!- onsubmit是一个用于验证表单并将其作为true提交的函数,-formaction=' submit page . htm ' onsubmit=' return validate _ form(this);'方法=' post' email:输入类型=' text' name=' email' size=' 30 '输入类型=' submit ' value=' submit '/form/body/html 2:结果

这里写图片描述

下图说明你输入的邮箱格式是准确的,但是否存在就是另一回事了!

这里写图片描述

摘要

以上是边肖介绍的JavaScript对电子邮件地址格式的验证。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

版权声明:JavaScript中的电子邮件地址格式验证是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。