JavaScript验证Email的四种方法

最新推荐文章于 2024-03-17 23:19:29 发布
最新推荐文章于 2024-03-17 23:19:29 发布
阅读量7.9w 收藏 48
点赞数 15
分类专栏： JavaScript 文章标签： js 正则表达式 javascript 字符串
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fazijiaidama/article/details/107833750
版权

一、正则表达式验证邮箱格式

function IsEmail(str) {
   
             var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
            return  reg.test(str);
         }

二、验证邮箱格式

SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
   
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("成功验证");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

三、验证email填写是否正确

<html>
<head>
<title>test</title>
<script language="javascript">
function emailCheck () {
   
var emailStr=document.all.form1.tel.value;
alert(emailStr)
最低0.47元/天 解锁文章
realcoderpig
关注
  • 15
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2024年前端开发：使用JS正则表达式校验邮箱和手机号的方法，程序员的中年危机
2401_84437982的博客
05-06 906
资料过多，篇幅有限开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。最后[外链图片转存中…(img-EswpQz67-1714978178364)][外链图片转存中…(img-wlpjsidd-1714978178365)]资料过多，篇幅有限开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。↩︎。
js邮箱验证方法
王艺强的博客
10-09 2466
1、正则方式： function checkemail(){   var email = document.getElementByIdx_x_x("email").value;   var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;   ismail= reg.test(emai
用Javascript验证email填写是否正确
07-31
用Javascript验证email填写是否正确
js判断是否是邮箱
qq_45351792的博客
03-04 418
js判断是否是邮箱
JS判断是不是邮箱、身份证号、以及电话号～正则判断
Moreisy的小镇
01-07 1218
业务中遇到了需要判断用户输入的信息是不是符合格式要求的功能点、 索性就分享出来～ 判断是不是邮箱 //判断是不是邮箱 email(str) { var string = str.replace(/\s|&amp;nbsp;/g, '') //先去除用户输入的无效字符 var reg = /^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|c...
js通过正则表达式来判断电话、邮箱、身份证（有代码亲测好用）
wangzhen12138的博客
01-18 1380
//正则表达式判断是否是手机号 是否是邮箱号 //^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An a" //? 匹配前面元字符0次或1次，/ba*/将匹配b,ba //x|y 匹配x或y //{n} 精确匹配n次 // /d任意一个数字，0~9 中的任意一个 //{m,n}表达式至少重复m次，最多重复n次，比如："ba{1,3}"可以匹配 "ba"或"baa"或"baaa" 一判断电话 function isMobile(mobile) { return (/^.
js邮箱验证
qq_53909398的博客
01-13 6763
首先要实现验证，就离不开正则表达式，在实际的开发中正则表达式都是可以在百度上找的到，所有不需要太刻意记，但要知道js中的正则表达式对如何创建和使用 创建:var 变量名=/正则表达式子/ var 变量名=new RegExp(正则表达式子，falg) 使用：变量.test(用户填写的数据) 案例：邮箱验证 <!DOCTYPE html> <html> <head> <title>正则表达式</title> </head> &
js实现邮箱格式验证
weixin_52067148的博客
08-05 1355
定义一个function。调用function。
js：邮箱校验正则
彭世瑜的博客
10-30 2535
【代码】js：邮箱校验正则。
JS 正则表达式验证邮箱和手机号
热门推荐
qq_58340302的博客
02-19 6万+
正则表达式验证邮箱和手机号
JavaScript验证用户输入的电子邮箱和密码是否合法
yinghanhanhan的博客
12-10 2870
4.实现文本输入的即时提示效果，即当文本框失去焦点时，如格式不合法，提示原因。5.如果输入的邮箱地址密码均合法，则提交表单。1.邮箱地址和密码均不能为空。3.邮箱地址必须包含@和.2.密码不能少于6位。
JavaScript验证Email(3种方法)
11-24
今天为大家推荐三种JavaScript验证Email方法，希望对大家的学习有所帮助。  第一种：javascript验证邮箱格式 [removed] function isEmail(strEmail) { if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+...
JavaScript表单验证的两种实现方法
12-02
本文实例为大家分享了js表单验证的实现方法，供大家参考，具体内容如下 第一种：js表单验证 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册-个人用户&...
JavaScript表单验证实现代码
12-10
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有： 用户是否已填写表单中的必填项目？ 用户输入的邮件地址是否...
js邮箱格式校验正则表达式
qq_30193097的博客
11-15 964
【代码】js邮箱格式校验正则表达式。
前端开发：使用JS正则表达式校验邮箱和手机号的方法
最新发布
m0_60666921的博客
03-17 1731
对程序员来说，很多技术的学习都是“防御性”的。也就是说，我们是在为未来学习。我们学习新技术的目的，或是为了在新项目中应用，或仅仅是为了将来的面试。但不管怎样，一定不能“止步不前”，不能荒废掉。!文章以下内容会给出阿里与美团的面试题（答案+解析）、面试题库、Java核心知识点梳理等，需要这些文档资料的，直接点击我的GitHub免费领取~[外链图片转存中…(img-1TWT0qO8-1710688758454)][外链图片转存中…(img-3nNLpm9G-1710688758454)]
JS校验邮箱
weixin_39501680的博客
03-10 1264
/**校验邮箱 * @param obj * @returns {Boolean} */ isEmailAvailable(obj) { let email = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if (!email.test(obj)) { return false; } ret
用JavaScript实现表单验证
03-25
表单验证是Web开发中常见的需求。以下是一个简单的用JavaScript实现表单验证的例子： HTML代码： ``` <form id="myForm"> <label for="name">姓名：</label> <input type="text" id="name" name="name" placeholder="请输入姓名"> <span id="nameError" class="error"></span><br> <label for="email">邮箱：</label> <input type="email" id="email" name="email" placeholder="请输入邮箱"> <span id="emailError" class="error"></span><br> <label for="password">密码：</label> <input type="password" id="password" name="password" placeholder="请输入密码"> <span id="passwordError" class="error"></span><br> <button type="submit">提交</button> </form> ``` JavaScript代码： ``` // 获取表单元素 const myForm = document.getElementById("myForm"); const nameInput = document.getElementById("name"); const emailInput = document.getElementById("email"); const passwordInput = document.getElementById("password"); // 获取错误提示元素 const nameError = document.getElementById("nameError"); const emailError = document.getElementById("emailError"); const passwordError = document.getElementById("passwordError"); // 表单验证函数 function validateForm() { let isValid = true; // 默认为true，表示表单验证通过 // 验证姓名是否为空 if (nameInput.value.trim() === "") { nameError.innerText = "姓名不能为空"; isValid = false; } else { nameError.innerText = ""; } // 验证邮箱是否合法 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(emailInput.value)) { emailError.innerText = "邮箱格式不正确"; isValid = false; } else { emailError.innerText = ""; } // 验证密码是否为空 if (passwordInput.value.trim() === "") { passwordError.innerText = "密码不能为空"; isValid = false; } else { passwordError.innerText = ""; } return isValid; } // 表单提交时调用表单验证函数 myForm.addEventListener("submit", function(event) { if (!validateForm()) { // 如果表单验证不通过，阻止表单提交 event.preventDefault(); } }); ``` 上述代码实现了简单的表单验证功能，包括验证姓名是否为空、验证邮箱是否合法、验证密码是否为空。在提交表单时，先调用表单验证函数判断表单是否合法，如果不合法则阻止表单提交。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值