php用js验证格式,怎样用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:结果
下图则说明了自己输入的邮箱格式是准确的,至于存在不存在另当别论!
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
php用js验证格式,怎样用JS验证E-mail格式相关推荐
- [js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入
[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...
- angularjs 验证身份证格式 和 一般JS验证身份证格式
1:angularjs 验证身份证格式 1.1 定义身份证验证指令: .directive('cardCheck',['$http','$rootScope',function($http,$root ...
- JS获取日期(年/月/日/时/分/秒)格式转化
因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多. var myDate = new Date(); 以下都是在myDate的基础上得到 ...
- JS的正则表达式之邮箱的验证
JS的正则表达式之邮箱的验证 实现: 邮箱验证 规则: 以数字字母开头, 中间可以使多个数字字母下划线或"_" "@" 符号, 后面是数字字母 ".& ...
- js实现身份证号码验证(组成结构以及验证原理)
今天一个客户反馈过来说用户身份证不能输入字母"X",让我看看怎么回事.看到客户发过来的截图,原来限制了只能输入数字.这个修改起来简单,二话不说打开代码,由于代码是同事写的,仔细看了 ...
- 【精品】前端验证框架:jquery-validate.js
简介 jquery.validate.js是我们经常用到的form表单验证插件,可以很方便的帮我们进行表单验证. 官网:https://bassistance.de/jquery-plugins/jq ...
- react 验证码组件_使用React.JS和Twilio服务创建电话号码验证组件。
react 验证码组件 介绍 (Introduction) Phone number verification is required for phone sign-in or Two Factor ...
- js(最新)手机号码 正则验证 - 代码篇
现在手机号码,除了以11+.12+开头的没有,别的好像都有了! 代码如下: 方法一: function checkPhone(){ var phone = $(".phone"). ...
- 学习js,尝试写一个表单验证框架(1)-规划
斗胆放到首页来,如果不合适的话就删了吧,谢谢 其实这个框架也已经写了一点了,但是越写越乱越没把握,最终决定写成博客的形式,强迫自己慢下步调,一点点仔细地规划,设计,思考,期间也一定会遇到不少问题,还请 ...
最新文章
- 如何从零设计一款高并发架构(建议收藏)
- 分布式配置管理平台Disconf--转
- combotree 可以异步加载吗_Unity AssetBundle 资源打包,加载,本地缓存方式,安卓,PC本地加载路径问题...
- C#面试题——附答案
- LeetCode 1905. 统计子岛屿(BFS)
- listctrl 优化_上海SEO整站优化公司_新站整站快速排名优化
- 看了一些东西,发现一些用css实现一些东西的小技巧就记录下来
- Response.setContentType 可设置属性
- HadoopSourceAnalyse---ResourceMananger-initiate
- iPhone路径大全
- [Python从零到壹] 十.网络爬虫之Selenium爬取在线百科知识万字详解(NLP语料构造必备技能)
- 第74句Lies, Damned Lies And Statistics: How Bad Statistics Are Feeding Fake News
- python数据分析 - numpy | ndarray数组 | numpy常用函数
- 用一个开关,控制LEP灯的亮和灭
- 如何让图片保持原比例,占满整个盒子
- JavaScript进阶篇③ — 浏览器对象、Dom对象
- php 使用内置web服务器
- 商务英语:外企工作邮件常用100句
- Ubuntu php安装过程,Ubuntu下Apache+PHP+MySQL安装过程详解
- 梅卡尔大学-IOT-前端笔记