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:结果

立即学习“Java免费学习笔记(深入)”;

这里写图片描述 

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

这里写图片描述

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax实现点击不同的链接让返回的内容显示在特定div里

Jquery $.ajax函数外的一段代码的执行顺序

自己动手打造ajax图片上传

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

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

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

(0)
上一篇 2025年3月8日 07:14:10
下一篇 2025年3月8日 07:14:15

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

相关推荐

  • 怎样使用JS实现调用本地摄像头

    这次给大家带来怎样使用JS实现调用本地摄像头,使用JS实现调用本地摄像头的注意事项有哪些,下面就是实战案例,一起来看一下。 今天学习了一下js调用本地摄像头,其实是实现不是很麻烦,下面是代码部分,连接上Tomcat服务器,然后再到网页上打开…

    编程技术 2025年3月8日
    000
  • Node.js Buffer使用详解

    这次给大家带来Node.js Buffer使用详解,Node.js Buffer使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Buffer是什么? Buffer作为存在于全局对象上,无需引入模块即可使用,你绝对不可以忽略它。 可以…

    编程技术 2025年3月8日
    200
  • vue引用js文件方法详解

    这次给大家带来vue引用js文件方法详解,vue引用js文件的注意事项有哪些,下面就是实战案例,一起来看一下。 1、vue-cli webpack全局引入jquery (1) 首先 npm install jquery –sav…

    2025年3月8日
    200
  • 如何使用nodejs 服务器读取HTML文件渲染至前端

    这次给大家带来如何使用nodejs 服务器读取HTML文件渲染至前端,使用nodejs 服务器读取HTML文件渲染至前端的注意事项有哪些,下面就是实战案例,一起来看一下。 1.分别简单实现三个备用页面。 代码片段: .center { ma…

    2025年3月8日
    100
  • js中el表达式的使用和非空判断方法

    下面我就为大家分享一篇js中el表达式的使用和非空判断方法,具有很好的参考价值,希望对大家有所帮助。 注意,这里想说的不是jsp里面嵌套的el表达式的使用,而是在js中使用。 场景: 页面跳转后,使用spring mvc向前端页面传过来一个…

    编程技术 2025年3月8日
    200
  • 怎样进行Node.js模块全局安装路径配置

    这次给大家带来怎样进行Node.js模块全局安装路径配置,进行Node.js模块全局安装路径配置的注意事项有哪些,下面就是实战案例,一起来看一下。 下载安装NodeJS后,在自己选择的路径下会有如下的文件: 默认情况下NodeJS安装会同时…

    编程技术 2025年3月8日
    200
  • JS实现左边列表移到到右边列表功能

    这篇文章主要介绍了js实现左边列表移到到右边列表功能,实现功能主要是左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除,需要的朋友可以参考下 实现功能: 1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同…

    2025年3月8日
    200
  • JS中用EL表达式获取上下文参数值的方法

    下面我就为大家分享一篇js中用el表达式获取上下文参数值的方法,具有很好的参考价值,希望对大家有所帮助。 1. action返回参数到页面 /** * 测试js中获取后台传值 * @param model * @param req * @r…

    编程技术 2025年3月8日
    200
  • 浅谈js获取ModelAndView值的问题

    下面我就为大家分享一篇浅谈js获取modelandview值的问题,具有很好的参考价值,希望对大家有所帮助。 JS当中不能接收ModelAndView的返回值吗?一定要在JSP页面中才能接收吗? 1 方法一 【有效】 可以的,跟el表达式访…

    编程技术 2025年3月8日
    200
  • jQuery+ajax读取json数据并按照价格排序示例

    这篇文章主要介绍了jquery+ajax读取json数据并按照价格排序,涉及jquery基于ajax动态获取json文件数据并进行数据遍历与排序的相关操作技巧,需要的朋友可以参考下 本文实例讲述了jQuery+ajax读取json数据并按照…

    编程技术 2025年3月8日
    100

发表回复

登录后才能评论