js对用户输入的内容做邮箱验证的方法-js教程-PHP中文网

首页

web前端

js教程

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

angryTom

Jan 14, 2020 pm 03:56 PM

js 邮箱验证输入

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

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

<!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>

登录后复制

本文来自 js教程栏目，欢迎学习！

以上是js对用户输入的内容做邮箱验证的方法的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7363

Java教程

1628

CakePHP 教程

1353

Laravel 教程

1265

PHP教程

1214

显示更多

Related knowledge

芝麻开门官网网站芝麻开门app最新进入网址 Feb 28, 2025 am 11:18 AM

本文模拟讲解了名为“芝麻开门”的加密货币交易平台（或类似平台）的注册流程，重点阐述了注册、KYC认证及绑定支付方式三个步骤，并强调了选择正规平台、保护个人信息和资金安全的重要性。文章详细介绍了每个步骤的具体操作，例如访问官方网站验证身份、上传身份证明文件完成KYC认证以及绑定银行卡等，并提醒用户警惕钓鱼网站和诈骗风险，选择受监管的平台进行交易，保障自身权益。文章还包含了官网地址链接，方便用户快速访问。

okx欧易官方网站注册入口2025 Mar 04, 2025 pm 11:45 PM

OKX 欧易是一个领先的加密货币交易平台。本文将提供详细的步骤，指导您如何注册 OKX 欧易官方网站账户。您将了解如何访问官方网站、选择注册方式、填写必要信息并完成注册过程。文中还包含有关注意事项的信息，例如使用真实个人信息并设置强密码的重要性。

gateio交易所app老版本 gateio交易所app老版本下载渠道 Mar 04, 2025 pm 11:36 PM

Gateio 交易所 app 老版本下载渠道，涵盖官方、第三方应用市场、论坛社区等途径，还给出下载注意事项，帮你轻松获取老版本，解决新版本使用不适或设备兼容问题。

芝麻开门交易所网页版登入口最新版gateio官网入口 Mar 04, 2025 pm 11:48 PM

详细介绍芝麻开门交易所网页版登入口操作，含登录步骤、找回密码流程，还针对登录失败、无法打开页面、收不到验证码等常见问题提供解决方法，助你顺利登录平台。

芝麻开门登录注册入口 gate.io交易所注册官网入口 Mar 04, 2025 pm 04:51 PM

Gate.io（芝麻开门）是全球领先的加密货币交易平台，本文提供Gate.io现货交易完整教程。教程涵盖账户注册登录、KYC认证、法币及数字货币充值、交易对选择、限价/市价交易下单以及订单和交易记录查看等步骤，助您快速上手Gate.io平台进行加密货币交易。无论是新手还是老手，都能从本教程中获益，轻松掌握Gate.io交易技巧。

如何在Bitget官网注册并下载最新App Mar 05, 2025 am 07:54 AM

本指南提供了 Bitget 交易所官方 App 的详细下载和安装步骤，适用于安卓和 iOS 系统。指南整合了来自多个权威来源的信息，包括官网、App Store 和 Google Play，并强调了下载和账户管理过程中的注意事项。用户可以从官方渠道下载 App，包括应用商店、官网 APK 下载和官网跳转，并完成注册、身份验证和安全设置。此外，指南还涵盖了常见问题和注意事项，例如

数字货币合约的套路有哪些？数字货币合约怎么玩？ Mar 03, 2025 pm 07:06 PM

数字货币合约交易：高收益与潜在风险并存的投资策略数字货币合约交易，与现货交易不同，投资者需预测数字货币价格的涨跌趋势，选择做多或做空合约来获利。合约交易通常使用杠杆，潜在收益高于现货交易，但也伴随着更高的风险。本文将揭示数字货币合约交易中常见的陷阱，并提供在欧易OKX交易所进行合约交易的详细步骤。数字货币合约交易的风险与陷阱数字货币合约市场暗藏诸多风险，不法分子或平台可能利用规则漏洞牟利。常见的陷阱包括：价格操纵：通过集中买卖操纵市场价格，人为抬高或压低价格以获利。信息不对称：平台或交易