JS里如何验证E-mail正确地址

这次给大家带来JS里如何验证E-mail正确地址,JS里验证E-mail正确地址的注意事项有哪些,下面就是实战案例,一起来看一下。

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

1:代码

利用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;      }    }  }        Email:    

登录后复制

2:结果

这里写图片描述 

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

这里写图片描述

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

controller接收js传递json参数

js实现前后台Json互相传送

以上就是JS里如何验证E-mail正确地址的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 11:24:10
下一篇 2025年3月8日 08:47:32

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

相关推荐

  • js使用分时函数步骤详解

    这次给大家带来js使用分时函数步骤详解,js使用分时函数的注意事项有哪些,下面就是实战案例,一起来看一下。 函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽掉很多函数请求。 在一些开发场…

    编程技术 2025年3月8日
    200
  • js中el表达式怎样做出非空判断

    这次给大家带来js中el表达式怎样做出非空判断,js中el表达式做出非空判断的注意事项有哪些,下面就是实战案例,一起来看一下。 注意,这里想说的不是jsp里面嵌套的el表达式的使用,而是在js中使用。 场景: 页面跳转后,使用spring …

    编程技术 2025年3月8日
    200
  • JS做出左右边列表相互移动效果

    这次给大家带来JS做出左右边列表相互移动效果,JS做出左右边列表相互移动的注意事项有哪些,下面就是实战案例,一起来看一下。 实现功能: 1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除; 2.支持列表中项目…

    2025年3月8日
    200
  • js获取ModelAndView值步骤详解

    这次给大家带来js获取ModelAndView值步骤详解,js获取ModelAndView值的注意事项有哪些,下面就是实战案例,一起来看一下。 JS当中不能接收ModelAndView的返回值吗?一定要在JSP页面中才能接收吗? 1 方法一…

    编程技术 2025年3月8日
    200
  • JS浏览器跳转并传递参数功能详解

    这次给大家带来JS浏览器跳转并传递参数功能详解,JS浏览器跳转并传递参数的注意事项有哪些,下面就是实战案例,一起来看一下。 one.html 点击 $(“#searchBtn”).click(function() { var searchT…

    编程技术 2025年3月8日
    200
  • sort怎么对json数据排序

    这次给大家带来sort怎么对json数据排序,sort对json数据排序的注意事项有哪些,下面就是实战案例,一起来看一下。 如何对后台返回过来的json数据按照数据中的某一项进行排序呢。 首先看一下排序前的json数据: { “result…

    2025年3月8日
    200
  • vue iview动态路由与权限验证步骤详解

    这次给大家带来vue iview动态路由与权限验证步骤详解,使用vue iview动态路由与权限验证的注意事项有哪些,下面就是实战案例,一起来看一下。 github上关于vue动态添加路由的例子很多,本项目参考了部分项目后,在iview框架…

    编程技术 2025年3月8日
    200
  • js闭包使用详解

    这次给大家带来js闭包使用详解,js闭包使用的注意事项有哪些,下面就是实战案例,一起来看一下。 closure is the combination of a function and the lexical environment wit…

    编程技术 2025年3月8日
    200
  • json-server实现后端数据模拟

    这次给大家带来json-server实现后端数据模拟,json-server实现后端数据模拟的注意事项有哪些,下面就是实战案例,一起来看一下。 正开发过程中 前后端分离或者不分离 ,接口多半是之后与页面的开发 ,所以建立rest的APL的接…

    编程技术 2025年3月8日
    200
  • js实现复制文本文件功能(步奏详解)

    这次给大家带来js实现复制文本文件功能(步奏详解),js实现复制文本文件功能的注意事项有哪些,下面就是实战案例,一起来看一下。 最近遇到一个需求,需要点击按钮,复制 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本…

    2025年3月8日
    200

发表回复

登录后才能评论