1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <title>Document</title>
9 </head>
10
11 <body>
12 <script>
13 'use strict';
14 window.onload = function() {
15 document.getElementById("btn").onclick = function() {
16 // 正则表达式
17 let regExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
18 let isOk = regExp.test(document.getElementById("email").value);
19 if (!isOk) {
20 document.getElementById("emailError").innerText = "邮箱格式不正确！";
21 }
22 }
23 document.getElementById("email").onfocus = function() {
24 document.getElementById("emailError").innerText = "";
25 }
26 }
27 </script>
28 <input type="text" name="" id="email">
29 <span id="emailError" style="color: red;"></span>
30 <br>
31 <input type="button" value="验证邮箱" id="btn">
32 </body>
33
34 </html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· 上周热点回顾（2.24-3.2）