如何验证邮箱是否合法?

3.实战: 验证用户表单中的email地址
=======================

**知识点**
1. 原子集合
2. 分组
3. 完全匹配

-----------------------------------------------------

1.原子集合
--------
- `[a-zA-Z0-9-_]`: 匹配集合中的任何一个即可

-----------------------------------------------------

2.分组
-----
圆括号在正则表达式中的作用

-----------------------------------------------------

3.完全匹配
---------
- `^`和`$`符的正确使用方法

-----------------------------------------------------

### 示例: code/demo03.万博manbetx平台

```万博manbetx平台
<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head>
    <meta charset="UTF-8">
    <title>匹配email地址</title>
    <style>
        .success {
            color: green;
        }
        .warning {
            color: red;
        }
    </style>
</head>
<body>
<label>邮箱: <input type="text"> </label>
<button type="button">验证</button>
<p></p>

<script>
    var email = document.querySelector('input');
    var btn = document.querySelector('button');
    var tips = document.querySelector('p');
    var reg =/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
    btn.onclick = function () {
        var str = email.value;
        if (reg.test(str)) {
            tips.classList.add('success');
            tips.inner万博manbetx平台 = str + '是合法邮箱';
        } else {
            tips.classList.add('warning');
            tips.inner万博manbetx平台 = str + '是非法邮箱';
        }
    };
</script>
</body>
</万博manbetx平台>
```
任务

?不会了怎么办
如何验证邮箱是否合法?

任务

讲师其他课程
