首页 > 编程语言 >javascript之正则表达式验证email

javascript之正则表达式验证email

时间:2023-02-28 19:46:04浏览次数:51  
标签:function emailError 正则表达式 javascript getElementById document email

 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>

 

标签:function,emailError,正则表达式,javascript,getElementById,document,email
From: https://www.cnblogs.com/2018jason/p/17165707.html

相关文章

  • 正则表达式-菜鸟教程
    正则表达式-菜鸟教程转自正则表达式,菜鸟教程正则表达式(RegularExpression)是一种文本模式,包括普通字符(例如,a到z之间的字母)和特殊字符(称为"元字符")。正则表达式使用......
  • JavaScript文件夹上传解决方案
    ​ 项目描述工具类包封装了一些关于分片md5验证、断点续传、分片上传、等方法前端样例使用百度插件WebUploader,插件的源码还是有一定的问题的分片上传是需要前后......
  • JavaScript Window Screen
    JavaScript WindowScreenwindow.screen对象包含有关用户屏幕的信息。WindowScreenwindow.screen对象在编写时可以不使用window这个前缀。一些属性:screen.ava......
  • JavaScript Window - 浏览器对象模型
    JavaScript Window-浏览器对象模型浏览器对象模型(BOM)使JavaScript有能力与浏览器"对话"。浏览器对象模型(BOM)浏览器对象模型(Browser Object Model(BOM)......
  • JavaScript Window Location
    JavaScript WindowLocationwindow.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。WindowLocationwindow.location 对象在编写时可不使......
  • JavaScript 闭包
    JavaScript 闭包JavaScript变量可以是局部变量或全局变量。私有变量可以用到闭包。全局变量函数可以访问由函数内部定义的变量,如:实例functionmyFunction(){......
  • JavaScript Array(数组) 对象
    JavaScript Array(数组) 对象数组对象的作用是:使用单独的变量名来存储一系列的值。在线实例创建数组,为其赋值:实例varmycars=newArray();mycars[0]="Saab......
  • JavaScript Math(算数) 对象
    JavaScript Math(算数) 对象Math(算数)对象的作用是:执行常见的算数任务。在线实例round()如何使用round()。random()如何使用random()来返回0到1之间的随机数......
  • JavaScript Boolean(布尔) 对象
    JavaScript Boolean(布尔) 对象Boolean(布尔)对象用于将非布尔值转换为布尔值(true或者false)。在线实例检查布尔值检查布尔对象是true还是false。完整的Boolea......
  • JavaScript RegExp 对象
    JavaScript RegExp 对象RegExp:是正则表达式(regularexpression)的简写。完整RegExp对象参考手册请查看我们的 JavaScriptRegExp对象的参考手册,其中提供了可以与......