这次给大家带来怎样用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:结果

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

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

php用js验证格式,怎样用JS验证E-mail格式相关推荐

  1. [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入

    [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...

  2. angularjs 验证身份证格式 和 一般JS验证身份证格式

    1:angularjs 验证身份证格式 1.1 定义身份证验证指令: .directive('cardCheck',['$http','$rootScope',function($http,$root ...

  3. JS获取日期(年/月/日/时/分/秒)格式转化

    因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多. var myDate = new Date(); 以下都是在myDate的基础上得到 ...

  4. JS的正则表达式之邮箱的验证

    JS的正则表达式之邮箱的验证 实现: 邮箱验证 规则: 以数字字母开头, 中间可以使多个数字字母下划线或"_" "@" 符号, 后面是数字字母 ".& ...

  5. js实现身份证号码验证(组成结构以及验证原理)

    今天一个客户反馈过来说用户身份证不能输入字母"X",让我看看怎么回事.看到客户发过来的截图,原来限制了只能输入数字.这个修改起来简单,二话不说打开代码,由于代码是同事写的,仔细看了 ...

  6. 【精品】前端验证框架:jquery-validate.js

    简介 jquery.validate.js是我们经常用到的form表单验证插件,可以很方便的帮我们进行表单验证. 官网:https://bassistance.de/jquery-plugins/jq ...

  7. react 验证码组件_使用React.JS和Twilio服务创建电话号码验证组件。

    react 验证码组件 介绍 (Introduction) Phone number verification is required for phone sign-in or Two Factor ...

  8. js(最新)手机号码 正则验证 - 代码篇

    现在手机号码,除了以11+.12+开头的没有,别的好像都有了! 代码如下: 方法一: function checkPhone(){ var phone = $(".phone"). ...

  9. 学习js,尝试写一个表单验证框架(1)-规划

    斗胆放到首页来,如果不合适的话就删了吧,谢谢 其实这个框架也已经写了一点了,但是越写越乱越没把握,最终决定写成博客的形式,强迫自己慢下步调,一点点仔细地规划,设计,思考,期间也一定会遇到不少问题,还请 ...

最新文章

  1. 如何从零设计一款高并发架构(建议收藏)
  2. 分布式配置管理平台Disconf--转
  3. combotree 可以异步加载吗_Unity AssetBundle 资源打包,加载,本地缓存方式,安卓,PC本地加载路径问题...
  4. C#面试题——附答案
  5. LeetCode 1905. 统计子岛屿(BFS)
  6. listctrl 优化_上海SEO整站优化公司_新站整站快速排名优化
  7. 看了一些东西,发现一些用css实现一些东西的小技巧就记录下来
  8. Response.setContentType 可设置属性
  9. HadoopSourceAnalyse---ResourceMananger-initiate
  10. iPhone路径大全
  11. [Python从零到壹] 十.网络爬虫之Selenium爬取在线百科知识万字详解(NLP语料构造必备技能)
  12. 第74句Lies, Damned Lies And Statistics: How Bad Statistics Are Feeding Fake News
  13. python数据分析 - numpy | ndarray数组 | numpy常用函数
  14. 用一个开关,控制LEP灯的亮和灭
  15. 如何让图片保持原比例,占满整个盒子
  16. JavaScript进阶篇③ — 浏览器对象、Dom对象
  17. php 使用内置web服务器
  18. 商务英语:外企工作邮件常用100句
  19. Ubuntu php安装过程,Ubuntu下Apache+PHP+MySQL安装过程详解
  20. 梅卡尔大学-IOT-前端笔记

热门文章

  1. 如何成为一个优雅的硬件工程师?
  2. 北京确诊1例人感染禽流感致死病例
  3. linux io多路复用详解,Linux系统中IO多路复用
  4. syst3md 挖矿病毒处理记录
  5. 获取json对象的key
  6. JS实现计算器(一)
  7. Git的使用——Git 常用命令总结、Git的使用、Git 的分支、远程仓库的使用、IDEA 中使用Git、Git 工作流(Git Flow、Github Flow、GitLab Flow)
  8. 个人微信订阅号以开启
  9. 客快物流大数据项目(八十):用户标签开发
  10. 前端开发语言有哪些?需要掌握什么?