是否在onSubmit后不显示验证消息？
在前端开发中，通常会使用表单来收集用户输入的数据，并在提交表单时进行验证。验证消息是用来提示用户输入是否符合要求的信息。在某些情况下，我们可能希望在用户提交表单后不显示验证消息，而是在后台进行验证并返回结果。
这种需求可以通过以下步骤来实现：
- 前端验证：在前端使用合适的验证库或自定义验证函数对用户输入进行验证。如果验证失败，可以在表单中显示相应的验证消息。如果验证成功，则继续下一步。
- 提交表单：当用户点击提交按钮时，触发表单的提交事件（例如使用JavaScript的
submit()方法或点击<input type="submit">按钮）。此时，表单会将用户输入的数据发送到后台进行处理。 - 后台验证：在后台服务器上，接收到表单提交的数据后，进行进一步的验证。这可以包括验证数据的完整性、格式、业务规则等。如果验证失败，可以返回相应的错误信息。
- 返回结果：根据后台验证的结果，可以返回一个成功或失败的消息给前端。如果验证成功，可以进行后续的处理，如保存数据到数据库或执行其他业务逻辑。如果验证失败，可以返回相应的错误信息。
总结： 在onSubmit后不显示验证消息是一种常见的需求，可以通过前端验证和后台验证的组合来实现。前端验证可以提高用户体验，及时提示用户输入错误。后台验证可以确保数据的完整性和安全性。在实际开发中，可以根据具体的业务需求和技术栈选择合适的验证库和方法来实现这一功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/web
- 腾讯云后端开发相关产品：https://cloud.tencent.com/product/scf
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
- 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/tiia
- 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mob
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr
相关·内容
1回答
表单验证错误消息(this.state.password.error)，在页面加载时显示，但在表单提交后未显示验证。}, email: { val: '' }, })
onSubmitformData = this.state.fillables.
浏览 0提问于2018-02-22得票数 0
2回答
我正在用简单的验证制作一个React表单组件。每个字段都在模糊上进行验证，并且表单具有一个简单的onSubmit函数。布尔值存储在字段是否应该显示错误消息的状态中，并在验证期间更新。除了字段的onBlur和表单的‘`onSubmit同时被触发时，一切都正常工作。也就是说，我在字段中键入某项内容，然后立即单击submit按钮。首先执行onBlur，如果不更改验证状态，则按预期执行<e
浏览 1提问于2016-04-09得票数 1
1回答
我使用jQuery验证插件，我的表单可以验证如下(假设我有两个字段A和B)：我单击了一个并键入了一些内容，然后删除。然后我点击B。在这种情况下，将显示验证消息。它不工作：
我单击A，不键入任何内容。然后单击B。在这种情况下，不显示与字段A相关的验证消息。但我想让它如上所示。我试图在验证方法中使用onsubmit、onkeyup和onclick参数，但这没有任何意
浏览 5提问于2013-12-11得票数 1
回答已采纳
3回答
我想用javaScript验证我的代码，并确定是否可以提交给php。如果它是正确的，我希望表单不提交到php文件，我有‘行动’。如果不正确，我不希望表单提交到php文件，并且我想显示一条错误消息。现在，表单使用"onsubmit="return Validate()"“调用验证函数，该函数显示一条消息并返回false以停止表单操作。问题是表单操作没有停止，仍然在运行。由于某种原因，当我单击submit按钮
浏览 0提问于2017-05-04得票数 0
我在Angular(5)上有一个表单(模板驱动)，当用户尝试提交表单时，我试图在输入上显示错误消息和类。 ])
<form novalidate [formGroup]="myForm" (ngSubmit)="onSubmit我已经在使用新的选项{updateOn: 's
浏览 1提问于2017-11-12得票数 1
这里唯一的问题是，当我使用如上所示的showForm(...){...}方法时，不会显示错误消息，因为此方法在加载JSP页面时调用，并且在onSubmit()方法完成之后调用(在这种情况下，页面是通过单击当通过单击submit按钮提交页面时，showForm()方法(在onSubmit()方法之后调用)中的errors.getTarget() (或getCommand(request))命令对象不包含要在页面上显示的错误消息<
浏览 1提问于2012-07-01得票数 0
回答已采纳
3回答
我在表单提交后显示加载消息，如下所示：<div id="content-alert"></div>
<
浏览 5提问于2014-10-09得票数 1
回答已采纳
1回答
我在jQuery中使用jquery验证插件和表单插件。
我打开了电子邮件格式的验证，这是可以的，它开始验证电子邮件运行，并告诉用户，他/她输入无效的电子邮件格式。但是，，，这个检查也会触发错误消息框--是否有一种方法可以强制验证()显示输入旁边的错误标签，但同时又不触发/显示error_box？(结果)。在用户单击submit按钮后，我想向结果框中添加任何内容--可以吗？编辑：--我认为很清楚，显
浏览 1提问于2013-09-16得票数 1
我在我的应用程序中使用Vue，我想知道如何提交表单但避免重定向。根据官方Vue文档，可以通过以下方式实现：<form v-on:submit.prevent="onSubmit"></form><form class="myForm" action="/page" method="post
浏览 44提问于2017-12-30得票数 12
回答已采纳
<form onSubmit={handleSubmit((data) => console.log(data))}> render={({ fieldrules={{ required: true }} <input type="submit" />我的问题是，如何设置，而不是每一个是必需的，我想要错误信息显示什么时候这两个字段是空的是否对React
浏览 5提问于2021-11-11得票数 2
1回答
我有一个有几个下拉的表格，看起来是这样的： <button type="buttonoperator.name === option.name}">{{option.name}}</button></form>
我很难在这个下拉列表中添加一个简单的验证如果在
浏览 4提问于2020-07-01得票数 1
回答已采纳
如何让我的验证器对空值引发错误？我可以从日志中看到，当我试图提交一个空字段时，它正在调用验证器，但是它不会引发onError，所以我无法处理这个问题。当有人试图提交空字段时，我想在反馈面板中显示一条错误消息，而不是在我的表单的onSubmit中进行检查。void validateOnNullValue() {}如果上面的内容不容易实现，那么当component.setRequired为真且表单以空字段提交时，我是否可以方便地
浏览 4提问于2013-08-16得票数 1
回答已采纳
3回答
问题是发送报告的员工很懒惰，不选择自己的名字，留下一个已经存在的名称，然后在报告中用另一个员工的名字提交错误。描述： </select> </tr>
正如您所看到的，它使用一个动态列表，并获取当前
浏览 4提问于2016-06-07得票数 0
回答已采纳
假设您有类似于ASP.NET ASP:DetailsView的内容来显示和编辑数据库中的单个记录。但是，您通过了验证，它使您的更新完全安静。没有任何意义，任何事情发生，似乎没有任何默认的设置，以创造一个成功的消息，而没有代码-后面。
但是，即使是代码背后也令人
浏览 0提问于2008-12-12得票数 9
回答已采纳
下面是我的代码： public void onSubmit(AjaxRequestTarget target
浏览 0提问于2011-01-16得票数 0
回答已采纳
我正在使用'react-native-material-textfield‘，它工作得很好，但我需要在单击提交按钮时显示空字段的错误。我已经搜索了很多，但没有找到任何解决方案。
浏览 4提问于2018-12-04得票数 0
我有一个问题，关于在提交后用彩色盒关闭一张表格。我找到了这个，所以我现在知道如何在提交后关闭表单。问题是，另一个javascript验证了我的表单的输入字段，当某些字段未被填充时，将出现错误消息(简单警报()).我将关闭clorbox，只有当验证返回not error..otherwise时，用户才会得到提示，他遗漏了一些输入字段，但表单将关闭anyway...so --如果在screen...then上显示“警告()”，则可能会检查screen...then上是否<e
浏览 0提问于2011-09-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
