OnSubmit之前是否会等待OnBlur执行？
在前端开发中，OnSubmit和OnBlur是两个常见的事件处理函数。
OnBlur是一个事件，在某个表单元素失去焦点时触发。通常用于验证输入的有效性或执行一些其他操作。OnSubmit则是一个事件，在表单提交之前触发。它通常用于验证整个表单的有效性，然后再执行提交操作。
在一般情况下，OnSubmit不会等待OnBlur执行。这是因为OnBlur是在表单元素失去焦点时触发，而OnSubmit是在用户点击提交按钮时触发。用户可以在填写表单时任意顺序地点击不同的表单元素，导致多个元素的OnBlur事件被触发。如果OnSubmit需要等待每个表单元素的OnBlur执行完毕，会导致用户填写表单的体验变差，用户可能需要等待较长时间才能提交表单。
然而，可以通过编写自定义的逻辑来实现OnSubmit等待OnBlur执行的效果。可以在OnSubmit事件处理函数中，手动触发每个表单元素的OnBlur事件，并在每个OnBlur事件的回调函数中维护一个计数器，统计已经执行完毕的OnBlur事件个数。当所有的OnBlur事件都执行完毕时，再执行提交操作。
总结：
- OnSubmit和OnBlur是前端开发中常见的事件处理函数。
- OnBlur是在表单元素失去焦点时触发，OnSubmit是在提交表单之前触发。
- 一般情况下，OnSubmit不会等待OnBlur执行。
- 可以通过自定义逻辑实现OnSubmit等待OnBlur执行的效果。
相关腾讯云产品：
相关·内容
我的问题是，如果当我开始输入密码表单时执行电子邮件表单onBlur，那么当我直接单击onSubmit按钮旁边的密码表单时，不是吗？这意味着(因为Javascript和setState()是异步的) onBlur可能不会先执行，或者至少onSubmit可能会在完成密码表单的onBlur逻辑之前开始执行它的逻辑，所以onSubmit中的状态可能有错误的数据，因为它没有等待密码表单onBlur</
浏览 21提问于2020-07-16得票数 0
2回答
每个字段都在模糊上进行验证，并且表单具有一个简单的onSubmit函数。布尔值存储在字段是否应该显示错误消息的状态中，并在验证期间更新。除了字段的onBlur和表单的‘`onSubmit同时被触发时，一切都正常工作。也就是说，我在字段中键入某项内容，然后立即单击submit按钮。首先执行onBlur，如果不更改验证状态，则按预期执行onSubmit。但是，如果onBlur更改了状态，则onSubmit函数永远不会被称
浏览 1提问于2016-04-09得票数 1
1回答
我想在组件上展开，但在它记录我的数据之前，我无法继续！= (data) => console.log(data);
<div> <form onSubmit={handleSubmit(onSubmit)}>
<NewVend
浏览 16提问于2021-07-13得票数 0
回答已采纳
;"><form method="post" name="sendvalues" action="confirm_p2p.php" onsubmit我试着写一句“在提交之前点击这个按钮”，但是即使在我的小用户测试中，每个人都在计算表单完成后按回车。
是否可以在按下第一个计算按钮之前禁用enter提交？
浏览 0提问于2014-08-26得票数 0
回答已采纳
我需要同步执行HttpClient get请求，所以我在互联网上找到了一个解决方案，使用toPromise代替订阅，然后等待。但是，我注意到this.form = = this.formBuilder.group代码行在myAccount被async调用初始化之前执行。换句话说，我期望执行代码会阻塞，直到this.myAccount被初始化，然后开始执行this.form = this.formBuilder.group行。我是否理解javascri
浏览 4提问于2022-08-03得票数 2
回答已采纳
以下是我在ResetPasswordScreen中的执行流程，输入电子邮件->通过验证->显示其他输入。我使用isCodeSent参数来控制是否显示其他输入。errors }, reset, resolver: resetPwResolver, console.log('onSubmit ========> ',
浏览 4提问于2022-01-20得票数 0
1回答
;
<div className="app"> initialValues={{ name: "" }} return (
浏览 5提问于2021-08-10得票数 4
回答已采纳
1回答
我正在对next按钮的onSubmit()方法执行一个长时间运行的操作。在退出该方法之前，我使用了ajaxTarget.appendJavascript(js)，其中ajaxTarget是AjaxRequestTarget，js是我想要计算的JavaScript片段。现在，据我所知，在返回`onSubmit()并将响应发送回浏览器之前，这个脚本不会被执行。
如何在不等待onSubmit完成的情况下立即执行我的JavaScript？
浏览 0提问于2016-07-04得票数 0
3回答
这是我的密码：<fieldset><input type="text" value="Name:" id="name" onfocus="if(this.value=='Name:'
浏览 5提问于2011-10-17得票数 0
我需要访问onchange事件，以便在值更改时和表单提交之前执行一些调整处理。为了保持简短，在本例中，它只是一个console.log调用。data) => { console.log(data); <form onSubmit={ handleSubmit(onSubmit) }>
浏览 2提问于2021-08-02得票数 0
回答已采纳
我试图用onBlur事件隐藏表单，但是当我尝试单击submit按钮时，onSubmit函数不会被触发 <button onClick={this.addNew}>Add a new</button> <div onBlur={this.showInput} tabIndex="1">
<form onSubmi
浏览 2提问于2018-09-22得票数 0
我使用react导航5.0.5进行页面更改，但当我执行这两个操作时，就不再可能了。我想知道你是否有进行多次调用的想法，我已经尝试用不同的函数构建一个函数，但当我调用这个新函数时，什么都没有调用。function Filtrage({ navigation }) { const onSubmit</Text> control={control}
浏览 9提问于2020-09-23得票数 0
3回答
>/">
<input type="text" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur
浏览 7提问于2014-02-12得票数 1
回答已采纳
1回答
我有一个使用redux表单的SignUp React组件，我的onSubmit基本上就是分派一个异步操作。我正在尝试使用酶和Jest测试我的组件，方法是将一个spy添加到我的调度中，并检查在模拟表单提交时是否调用了调度。但是，我的测试失败了。/actions/auth'; onSubmit(values) {
浏览 0提问于2017-11-04得票数 0
是否有一种方法仅针对此事件在此形式禁用此？我正在对onblur事件和服务器端执行验证，所以我认为如果在onsubmit事件上跳过它就可以了。我尝试过以下几种方法，但都没有奏效：$.validator.setDefaults({});
var validationSettings= $.data($('form')[0], 'validator').settings;
浏览 0提问于2011-11-16得票数 1
以下是我试图对该函数执行的操作：我的问题是该元素并不遵守onblur()事件。该函数在输入元素创建后立即执行，并且不等待成为onblur()事件。= blurPrueba();}
浏览 1提问于2012-01-10得票数 1
回答已采纳
1回答
用HTML表单发送跨域HTTP
、、、、
我有一个HTML表单，在提交之前我需要做一些处理：name="contact-form"> <label><input name="email" onblur=
浏览 5提问于2013-04-22得票数 2
回答已采纳
3回答
我有一个处理表单提交的异步onSubmit方法。下面的foreach循环应该包含一些数组元素检查，如果匿名函数返回false，应用程序应该退出onSubmit，但try-catch块设法在foreach完成之前执行。由于在我的foreach循环中没有任何东西可以真正执行，有没有一种方法可以“等待”直到它完全完成并执行try-catch块中的await代码，同时保持onSubmit方法的异步？onSubmit = async (e) =
浏览 74提问于2019-07-21得票数 0
回答已采纳
2回答
<input type='text' name='firstname'><label id='firstnameError'></label>
其次，使用输入的id和这个标签的id调用输入onBlur上的<input type='text' name='firstname' id='firstname' onBlur='checkEmpty("firstname&quo
浏览 4提问于2014-01-14得票数 0
我有一个web表单，它使用了大量的javascript和ajax来确定每个字段是否有效。它在运行中给出警告消息，帮助用户知道什么时候出现了问题。我甚至使用提交按钮上的“禁用”功能，直到一切都达到标准。但问题是:所有的事件处理都是使用"onblur“特性进行的。但当填写完最后一个字段时，直到用户离开该字段时，验证才会发生。但他们为什么要这么做呢？在页面上，除了单击submit之外，没有什么可做的，除非他们先单击其他地方，其他任何地方(以启动验证事件)，否则无法执行此操作。我在想办法绕过这件事。必须有一种方法，让他们不必进行额外的点击
浏览 0提问于2012-04-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
