js对用户输入的内容做邮箱验证的方法


本文摘自PHP中文网,作者angryTom,侵删。

js对用户输入的内容做邮箱验证的方法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

 

<head>

  <meta charset="UTF-8">

  <title>title</title>

 

</head>

 

<body>

  <!-- 请您输入邮箱地址:<input type="text" value="" id="email"/> *<br/> -->

  请您输入邮箱地址:<input type="text" value="" id="email" /> *<br />

  <script>

    //如果输入的是邮箱,那么背景颜色为绿色,否则为红色

    //获取文本框,注册失去焦点的事件

    document.getElementById("email").onblur = function () {

      //判断这个文本框中输入的是不是邮箱

      var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;

      if (reg.test(this.value)) {

        this.style.backgroundColor = "green";

      } else {

        this.style.backgroundColor = "red";

      }

    };

  </script>

 

</body>

 

</html>

1844528-20200114152026540-1620322476.png

本文来自 js教程 栏目,欢迎学习!

以上就是js对用户输入的内容做邮箱验证的方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

原生js实现年份轮播选择效果

如何实现图片懒加载?

javascript如何实现html字符转实体

js中怎么写ajax

javascript如何获取焦点和失去焦点

es6 filter()方法如何实现?用法介绍

jquery里面能不能写php方法?

js数组的函数用法详解

js如何实现调节音量滑块

js全称是什么?

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...