JavaScript中E-mail地址格式验证实例分享

最近做了一个前端的项目,要求:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号。本文主要和大家分享javascript中的e-mail 地址格式验证,项目要求输入的数据必须包含@符号和点号。代码简单易懂,希望能帮助到大家。

1:代码

nbsp;html>利用JavaScript验证是否符合电子邮箱地址  // 创建第一个函数validate_emil()并包含两个参数  function validate_email(field, alerttxt) {    with (field) {      //利用indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos      apos = value.indexOf("@");      //利用lastIndexOf() 方法返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索--      //stringObject.lastIndexOf(searchvalue,fromindex)      //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。      dotpos = value.lastIndexOf(".");      // 判断符合"@"的位置,或者"."的位置是否在"@"的后面      if (apos < 1 || dotpos - apos < 2) {        // 利用alert()弹出一个警告窗来执行alerttxt的操作        // 邮箱地址不符合        alert(alerttxt);        return false;      } else {        // 邮箱地址符合        return true;      }    }  }  // 创建第二个函数validate_form()并包含一个参数  function validate_form(thisform) {    with (thisform) {      if (validate_email(email, "Not a valid e-mail address!") == false) {        // 利用focus()将输入焦点移至对象上        email.focus();        return false;      }    }  }    

登录后复制

2:结果

这里写图片描述 

 下图则说明了自己输入的邮箱格式是准确的,至于存在不存在另当别论!

这里写图片描述

以上就是JavaScript中E-mail地址格式验证实例分享的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777777.html

(0)
上一篇 2025年3月8日 15:13:44
下一篇 2025年2月23日 14:23:39

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS里怎么用正则将字符串中的多个空格替换为一个空格

    这次给大家带来JS里怎么用正则将字符串中的多个空格替换为一个空格,JS里用正则将字符串中的多个空格替换为一个空格的注意事项有哪些,下面就是实战案例,一起来看一下。 javascript将字符串中的多个空格缩减为一个空格代码实例:在实际应用中…

    编程技术 2025年3月8日
    200
  • JavaScript实现左右下拉框动态增删示例

    本文介绍了javascript实现左右下拉框动态增删示例,非常实用,有兴趣的同学可以参考一下本文 效果: 1. Html部分代码             左1      左2      左3      左4      左5      左6 …

    2025年3月8日
    200
  • JavaScript实现两个select下拉框选项左移右移

    本文介绍了javascript实现两个select下拉框选项左移右移的代码,有兴趣的同学可以参考一下本文 今天没事用js写了一个用两个select下拉框之间能互相移动元素的小程序,刚刚才开始学javascript还有很多优化的地方。 Jav…

    编程技术 2025年3月8日
    200
  • js里的正则实现数字每隔四位用空格分隔效果

    这次给大家带来js里的正则实现数字每隔四位用空格分隔效果,js里正则实现数字每隔四位用空格分隔效果的注意事项有哪些,下面就是实战案例,一起来看一下。 数字每隔四位用空格分隔代码实例:分享一段代码实例,它实现了数字每隔四位就用空格分隔。这样的…

    编程技术 2025年3月8日
    200
  • js里如何正确理解正则表达式的回溯

    这次给大家带来js里如何正确理解正则表达式的回溯,js里正确使用正则表达式回溯的注意事项有哪些,下面就是实战案例,一起来看一下。 在正则表达式实现中,回溯是匹配过程的基本组成部分,它是正则表达式如此好用和强大的根源。然而,回溯计算代价很高,…

    编程技术 2025年3月8日
    200
  • JS实现网站悬浮广告的代码

    本文主要和大家分享JS实现网站悬浮广告的代码,大家可以先看一下效果图,希望能帮助到大家。 如图 黄色区块会沿着浏览器的上下左右碰撞移动,可关闭,鼠标移上去会停止 nbsp;html>广告*{pding:0px;margin:0px;}…

    2025年3月8日
    200
  • JS正则表达式验证数字的实战归纳

    这次给大家带来JS正则表达式验证数字的实战归纳,JS正则表达式验证数字的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹…

    编程技术 2025年3月8日
    200
  • JS实现判断鼠标是否滚动的代码

    本文主要和大家分享js实现判断鼠标是否滚动,主要以代码的形式和大家分享,希望能帮助到大家。 var scrollFunc = function (e) { var direct = 0; e = e || window.event; if …

    编程技术 2025年3月8日
    200
  • JS里最基础的正则表达式使用详解

    这次给大家带来JS里最基础的正则表达式使用详解,在JS里使用基础正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式是一个很牛逼的东东,今天在这里只是简单的给刚刚接触JS的人普及一下,里面若有争议的地方欢迎大家留言! 1…

    2025年3月8日
    200
  • JS的正则如何校验非零的正整数

    这次给大家带来JS的正则如何校验非零的正整数,正则校验非零正整数的注意事项有哪些,下面就是实战案例,一起来看一下。 话不多说,请看实例代码 function validation() { var val = document.getElem…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论