离开输入字段后调用函数

2023-12-25

在联系表单上,我有几个输入字段。这些字段之一是电子邮件地址字段:

<input type='text' name='input_email' onChange={this.validateEmail}/>

现在,我已将电子邮件验证功能设置为 onChange 属性。因此,当用户在电子邮件字段中输入字符时,始终会出现错误消息。

我想改变这一点,以便this.validateEmail仅当用户离开该特定输入字段时被调用一次。我将如何实现这个目标?

我找不到任何可以解决此问题的默认对象事件。

仅供参考,使用 ReactJS


您可以使用onblur() or onfocusout()。一旦您单击该文本字段,它将调用函数。

Example:

function myFunction() {
    var x = document.getElementById("sometext");
    x.value = x.value.toUpperCase();
}
<input type="text" id="sometext" onfocusout="myFunction()">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

离开输入字段后调用函数 的相关文章

  • React Native 中的动画背景颜色

    我将如何在 React Native 中将一种颜色动画化为另一种颜色 我发现通过插入 Animated Value 您可以通过以下方式对颜色进行动画处理 var BLACK 0 var RED 1 var BLUE 2 background
  • 如何通过两个输入文本字段组合表中的搜索?

    我的桌子看起来像这样 table tr td Apple td td Green td tr tr td Grapes td td Green td tr tr td Orange td td Orange td tr table 搜索的j
  • 如何消除页面边缘的间隙?

    我已经将主体和两个 div 的边框 内边距和边距设置为 0px 但我似乎仍然无法摆脱差距 body padding 0px border 0px margin 0px width 100 height 100vh mainPage heig
  • JavaScript 事件循环:队列、消息队列、事件队列

    阅读了大量 JavaScript 事件循环教程 我看到了不同的术语来标识当调用堆栈为空时准备由事件循环获取的队列存储消息 Queue 消息队列 事件队列 我找不到规范术语来识别这一点 甚至 MDN 似乎也对此感到困惑事件循环页面 https
  • 有没有办法强制浏览器刷新/下载图像?

    我遇到一个问题 用户报告他们的图像没有上传 而旧图像仍然存在 仔细检查后 新图像就在那里 它们只是与旧图像具有相同的名称 我在上传时所做的是出于搜索引擎优化的目的重命名图像 当他们删除图像时 旧索引变得可用并被重用 因此它具有相同的图像名称
  • 从 PDF 转换为 HTML [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • AngularJS:如何缓存从 $http 调用返回的 json 数据?

    如何缓存从 http 调用返回的 json 数据 我使用以下风格的 http 调用 http url SomeWebMethodUrl method POST data query somevalue headers Content Typ
  • JavaScript switch 语句是线性的还是恒定时间的?

    我的网站上有以下 JavaScript 以便在执行某些特定搜索时 答案会被硬编码到特定页面 function redirect var input document getElementById searchBox value toLowe
  • 如何更改 angularjs $http.jsonp 的标头

    我读了document http docs angularjs org api ng 24http 但我想我一定是误解了 http defaults headers jsonp Accept application json http js
  • 如何选择与绝对定位 DIV 重叠的选项?

    我有一个绝对定位的 div 它的作用类似于工具提示 当鼠标悬停在某个元素上时 它会显示 然后在鼠标移开时隐藏 我有几个
  • 在 JQueryUI 小部件的 QUnit 测试中测试可见性

    这对于其他人来说可能是显而易见的 但我没有通过搜索找到它 所以在这里发布问题和一个可能的答案 背景 使用自定义 JQuery UI 小部件小部件工厂 http jqueryui com widget 在小部件中 某些元素根据其他数据 选项隐
  • 如何通过 Web-Workers 传递自定义类实例?

    由于 Web Worker JSON 在线程之间序列化数据 因此这样的方法不起作用 worker js function Animal Animal prototype foobar function self onmessage func
  • 来自外部的 Shadow DOM CSS 样式在 Google Chrome 中不起作用

    我在用polymer s paper action dialog and paper button在我的网页中 纸张操作对话框中有两个纸张按钮 我想从外部 主 html 设计这些纸质按钮的样式 我已经写了CSS样式在shadow DOM符号
  • 如何将 props 传递给模态

    我有一个购物应用程序 我可以在其中映射一些产品并将它们呈现在屏幕上 用户可以增加 减少数量 当数量达到 1 并且用户点击减少时 一些中间件会介入并询问他们是否确定要将其从购物篮中删除 如果他们单击 否 则会关闭模式并将其留在购物篮中 如果他
  • 如何在 Strongloop 环回脚手架项目中覆盖基本用户?

    给定一个使用以下命令创建的全新项目 slc lb project myapp 我该如何更换 user 模型中models json带有 customer 模型放置在 models目录 客户应该有登录 注销等方法 并且 用户 不应该作为 AP
  • 错误:Phonegap 中的白名单拒绝

    我是移动开发新手 我正在使用 Phonegap Cordova 创建跨平台应用程序 我的代码在 Android 上运行良好 但当我将其移植到 iPhone 时 它 显示错误 143 2003 ERROR whitelist rejectio
  • 在 IE7 中水平对齐 div,无垂直堆叠

    我有一个固定容器 里面有一个附加容器 其中根据用户选择容纳了许多 DIV 我需要这些额外的 DIV 水平排列并提供水平滚动 但不是垂直滚动 比如这样 x x x 本质上 我的设置如下所示 div div div class final im
  • 使用与 eval 相反的括号表示法

    我有以下内容 var module function console log module ran var someString module string TypeError object is not a function eval s
  • Google Maps JavaScript API v3 方向功能

    我使用 Google Maps js API v3 我可以根据路径点显示方向this http code google com intl hu apis maps documentation directions Waypoints 我想要
  • 访问 django for 循环中的元素

    我有一个 Django 模板 其中包含以下代码 该模板创建多个按钮并尝试通过单击 在同一按钮上 删除 隐藏其中一个按钮 for h in helicopters div class btn group div

随机推荐

  • Cortex A9 NEON 与 VFP 使用混淆

    我正在尝试为 Cortex A9 ARM 处理器 更具体地说是 OMAP4 构建一个库 对于在浮点运算和 SIMD 上下文中使用 NEON 与 VFP 的情况 我有点困惑 需要注意的是 我知道两个硬件协处理器单元之间的区别 也概述了这里就这
  • python 检查单词是否在列表的某些元素中

    我想知道是否有更好的方法来放置 if word wordList 0 or word wordList 2 or word wordList 3 or word worldList 4 word in wordList 或者 如果您想先检查
  • SQL RANK() 优于连接表上的 PARTITION

    我有两个表 RSLTS 和 CONTACTS RSLTS QRY ID RES ID SCORE A 1 15 A 2 32 A 3 29 C 7 61 C 9 30 CONTACTS C ID QRY ID RES ID 1 A 2 2
  • 跨平台移动应用解决方案

    我正在开发一个可以在移动设备上运行的移动应用程序 使用 Android iOS WP7 等操作系统 该应用程序将从在线数据库获取数据 然后将它们存储到设备中的本地数据库 我可以对数据进行 CRUD 有以下三个想法 我将创建一个 Web 服务
  • ViewModel 应该如何关闭表单?

    我正在尝试学习 WPF 和 MVVM 问题 但遇到了障碍 这个问题类似但不完全相同就像这个 handling dialogs in wpf with mvvm https stackoverflow com questions 454868
  • 从基于 kotlin JVM 的项目调用 javascript 函数

    是否可以从基于 kotlin JVM 的项目调用 javascript 函数 比如我上课了 class JS fun callJS somehow call js function 您可以使用带有 JavaScript 的 ScriptEn
  • android - 通过单击应用程序图标打开导航抽屉?

    我在我的应用程序中使用导航抽屉 通过从屏幕左侧滑动打开的导航类型 现在 通常您也可以通过点击应用程序图标来打开它 当我查找它时 我发现了一大堆代码可以添加到您的活动中 只是为了一个简单的按钮 我想这不正是我正在寻找的东西 如果一个按钮确实需
  • Python 中的正则表达式不会匹配字符串结尾

    我刚刚学习Python 我似乎无法弄清楚正则表达式 r1 re compile pdf if r1 match spam pdf print yes else print no 我希望这段代码打印 是 但它顽固地打印 否 我还尝试了以下各项
  • 摆脱丑陋的 if 语句

    我有这个丑陋的代码 if v gt 10 size 6 if v gt 22 size 5 if v gt 51 size 4 if v gt 68 size 3 if v gt 117 size 2 if v gt 145 size 1
  • 使用ajax和php在下拉菜单上动态更新谷歌图表

    我必须根据下拉值显示谷歌图表 其中包含商店ID 我正在从mysql检索数据 值没有问题 我正在根据ajax的商店id检索数据 只需在输入框中确认它也可以 但我不知道如何在不重新加载页面的情况下使用这些值更新该图表 这是我的带有硬编码值的谷歌
  • 在 R Notebook 中使用 rbokeh 获取警告消息

    运行 Ubuntu 17 10 并通过 Anaconda 在 RStudio 上运行 R Notebook 当我尝试运行以下简单示例时博凯网站 http hafen github io rbokeh preview在 R 笔记本中 p lt
  • 什么技巧可以在大多数浏览器的浏览器窗口中提供最可靠/兼容的声音警报

    我希望能够在浏览器窗口中使用 Javascript 播放警报声音 最好需要任何浏览器插件 Quicktime Flash 我一直在 Javascript 中尝试使用标签和新的 Audio 对象 但结果好坏参半 如您所见 没有适用于所有浏览器
  • 如何在 NuGet v3 API 中拥有本地包的程序集 (dll)?

    介绍 大家好 我找到了一种使用 NuGet v3 API 查找本地 NuGet 包的方法 我不知道我是否以正确的方式执行此操作 但它有效 没有很多文档 我发现的唯一有趣的文档是这个blog https daveaglick com post
  • 无法通过本地网络访问 sinatra 应用程序

    我有 Rails 应用程序 如果我开始它rails s 端口 3000 它通过 IP 地址 在我的例子中为 192 168 0 3 在我的机器和本地网络上的每个设备上都能完美运行 我有 sinatra 应用程序 如果我开始它ruby app
  • 如何在 DynamoDB 中添加列

    有没有办法向 Amazon AWS 的 DynamoDB 中的现有表添加新列 谷歌没有帮助 更新表查询http docs aws amazon com cli latest reference dynamodb update table h
  • 通过asp.net 3.5发送电子邮件

    我希望通过 net 3 5 表单 C 发送电子邮件 我在其他地方看到过一些帖子 并且对于某些地址运行正常 但对于其他地址则运行正常 例如 gmail 帐户 完成的应用程序必须从数据库中获取地址 因此我必须满足很多可能性 我不希望别人为我完成
  • 缺少共享引用

    在与std shared ptr很多我有点想念shared ref执行 这是一个专业shared ptr 这保证了它永远不会包装nullptr 当然 前提是正确使用 我有点想知道为什么它不在 C 11 标准中 执行过程中是否存在市长问题 我
  • 提示用户选择设备(从线路)

    我正在尝试列出已连接的 adb 设备并提示用户选择要部署 APK 的线路 到目前为止我已经尝试过 for i in adb devices do ECHO i 但这根本行不通 有没有办法将每个 adb 设备的 id 捕获到变量中 如果可能的
  • Python 中的随机迭代

    当您想顺序迭代数字列表时 您将编写 for i in range 1000 do something with i 但是 如果您想随机迭代 0 999 范围内的数字列表该怎么办 需要 在每次迭代中 随机选择在任何先前迭代中未选择的数字 并且
  • 离开输入字段后调用函数

    在联系表单上 我有几个输入字段 这些字段之一是电子邮件地址字段