正则表达式验证是否输入的是邮箱

最新推荐文章于 2022-03-24 14:10:15 发布

ヽ错落不堪的年华。

最新推荐文章于 2022-03-24 14:10:15 发布

阅读量861

点赞数

分类专栏：技术交流前端小功能技术总结文章标签：正则表达式 js 正则表达式和js的应用前端 javascript

本文链接：https://blog.csdn.net/qq_44777678/article/details/90344579

版权

技术交流同时被 3 个专栏收录

107 篇文章 2 订阅

订阅专栏

技术总结

103 篇文章 0 订阅

订阅专栏

前端

97 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <style>
      input{
        outline: none;
      }
  </style>
</head>
<body>
请您输入邮箱地址:<input type="text" value="" id="email"/> *<br/>
<script>
  //如果输入的是邮箱,那么边框颜色为绿色,否则为红色

// 获取输入框
var email = document.getElementById("email");
// 获取键盘抬起事件
email.onkeyup = function(){
  // 判断这个文本框输入的是不是邮箱
  var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;
  if(reg.test(this.value) ){
    this.style.border = "1px solid green";
  }else{
    this.style.border = "1px solid red";
  }
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ヽ错落不堪的年华。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则表达式验证是否输入的是邮箱

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> input{ outline: none; } </style>...
复制链接

扫一扫