单击提交按钮时，滚动到angular reactive表单中的错误字段
单击提交按钮时，滚动到Angular Reactive表单中的错误字段是通过使用Angular的内置表单验证机制来实现的。Angular Reactive表单是一种响应式表单，它允许开发人员以编程方式创建和控制表单。以下是完善且全面的答案：
概念： Angular Reactive表单是Angular框架中的一种表单类型，它基于响应式编程原理，通过使用Observables来跟踪表单的状态和值的变化。它提供了一种强大的方式来处理表单验证、数据绑定和表单交互。
分类： Angular Reactive表单可以分为以下几个主要部分：
- 表单控件：用于收集用户输入的元素，如输入框、复选框、下拉列表等。
- 表单组：将相关的表单控件组合在一起，形成一个逻辑上的单元。
- 表单模型：用于跟踪表单的状态和值的变化，以及进行表单验证。
- 表单验证器：用于验证表单控件的值是否符合预期的规则。
优势： 使用Angular Reactive表单的优势包括：
- 响应式：Angular Reactive表单使用Observables来跟踪表单的状态和值的变化，使得表单的处理更加灵活和响应式。
- 强大的验证机制：Angular Reactive表单提供了丰富的验证器和验证规则，可以轻松地实现各种复杂的表单验证逻辑。
- 可重用性：通过将表单控件和表单验证器封装成可重用的组件，可以在应用程序的不同部分中重复使用。
- 更好的性能：Angular Reactive表单使用了Change Detection机制，只在需要更新时才会重新计算表单的状态和值，从而提高了性能。
应用场景： Angular Reactive表单适用于各种复杂的表单场景，包括但不限于：
- 用户注册和登录表单
- 数据编辑和提交表单
- 多步骤表单
- 动态表单，根据用户选择的不同选项显示不同的表单字段
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，以下是一些推荐的产品和对应的介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详细介绍请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份和容灾。详细介绍请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和处理各种类型的数据。详细介绍请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者构建和部署智能应用。详细介绍请参考：https://cloud.tencent.com/product/ailab
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我正在使用Angular 4 reactive表单，并创建了一个指令(分别称为父输入和子输入)来显示每个输入字段下面的错误。如果有人写入并删除内容，错误将显示在该字段下面(创建了一个新的div元素)，但现在我希望在提交表单时显示父组件和子组件中的错误(提交按钮在父类中)
浏览 10提问于2018-12-29得票数 0
在我的Angular应用程序中，我有一个包含多个文本字段的表单和一个FormArray，其中每个元素都是一个表示一行字段的FormGroup。此FormArray在启动时有1个FormGroup，可以通过单击按钮添加更多。此外，表单有一个提交按钮，在填写完所有字段之前不应启用该按钮。在提交表单时，我想调用Web服务，重置表单并删除字段错误，我成功地做到了这一点。但是，在表单提交之后，我单击按钮向我的FormArray添加一行，这个新FormGroup的所有表单域都以红色高亮显示。提交按钮也是启用的，但我希望它被禁用，因为所有的表单域都没有填写。有什么办法解决这个问题吗？ 我在https://
浏览 9提问于2020-07-12得票数 0
回答已采纳
我正在创建一个angular 5 reactive表单。一切都很好，但我有一个按钮来关闭表单，即隐藏它从显示。
当我点击那个按钮时，表单被提交了，就好像我点击了submit button.What是这个奇怪问题的原因吗？
即使我从关闭按钮中删除了(单击)事件，它仍然提交，就像提交按钮一样。
<div [hidden]="add_status!='active'">
<form novalidate (ngSubmit)="custom_submit(form.value)"
浏览 4提问于2018-03-01得票数 1
回答已采纳
当表单中的所有字段都有效时，我想自动提交表单。 如何触发有代码但没有按钮的表单提交？ 下面是一个示例表单： <form [formGroup]="dummyForm">
<label>
<input type="text" formControlName="dummyText" ng-change="autoSubmit()"/>
</label>
</form> component.ts： import { Component } from '
浏览 31提问于2020-08-04得票数 0
1回答
我是Angular/Typescript的新手，目前在Angular 10中使用模板驱动的表单。我尝试在不提交表单和不单击按钮的情况下重置表单。我已经检查过类似的问题，但它们都依赖于提交表单来重置表单。我一直收到错误：
ERROR TypeError: Cannot read property 'reset' of undefined
以下是我的TS文件代码：
@ViewChild('visitorForm', { static: true }) visitorForm: NgForm;
constructor(private myService: MySer
浏览 7提问于2021-02-17得票数 0
1回答
我有一个正在开发的ASP.net (C#)应用程序。应用程序中有多页表单字段需要填写和提交。在最后一页的底部是一个提交按钮，它将所有内容写入数据库。将这些字段从表单写入数据库的代码非常复杂，因为要调用大约30个不同的存储过程。当用户单击名为"replicate“的新按钮时，我正在尝试创建副本，该按钮应在数据库中存储副本。我试着从“提交”按钮复制粘贴写到数据库的代码，但我得到了一堆问题。我尝试了很多不同的方法，比如将提交按钮的代码粘贴到一个新方法中，然后从“复制”按钮调用该方法，但这种方法不起作用。因此，我感到困惑的是，是否有更简单的方法来复制存储在数据库中的已提交副本。通常情况下，几个
浏览 1提问于2012-06-06得票数 0
我在我的angular应用程序中实现了angular reactive forms form array。我使用这个例子作为参考example1，example2。单击add按钮时，我可以加载一个新的表单数组。我想知道如何才能始终显示第一个表单数组，并且我只想在单击按钮时添加第二个表单数组。
浏览 5提问于2020-09-18得票数 1
回答已采纳
我目前有一个表单，其中两个提交按钮中的一个将根据用户的操作进行单击。一个按钮只是将表单提交到另一个php页面，另一个按钮将引入Stripes结帐覆盖，然后，在填写完后，将提交到另一个php页面。我希望我的html5/jquery验证可以在表单无效时阻止覆盖。
目前，如果表单无效，用户单击常规的提交按钮，则不会执行任何操作，并显示需要更正的字段(这是我想要的)。如果表单无效，并且用户单击了条纹覆盖按钮，则会出现覆盖，但是当用户填写字段并单击提交时，覆盖就会消失，并且不会发生任何事情，因为表单无效(它会向用户显示哪些字段需要更正)。这并不理想，因为用户必须修复任何无效的字段，然后在提交之前再次填写
浏览 0提问于2013-07-08得票数 1
回答已采纳
我正在尝试使用angular reactive表单向表单提交时的第一个无效表单控件添加id属性。
下面是我当前在组件中拥有的内容：
onSubmit() {
if (this.form.invalid) {
this.scrollToError();
} else {
this.submitted.emit(this.form.value);
}
}
private scrollToError() {
for (const prop in this.form.controls) {
if (this.form.
浏览 7提问于2019-08-16得票数 0
回答已采纳
我已经使用了angular Reactive from。但是，当我在提交表单后重置表单时，验证器处于无效状态，并显示无效的表单样式。如何重置验证器？有人能帮我解决这个问题吗。
浏览 1提问于2017-09-11得票数 2
1回答
所以我偶然发现了一个奇怪的.我正在使用angular material的表单字段组件来创建我的表单...我注意到，如果我在mat输入字段中使用一个按钮作为matSuffix，如果我试图从另一个字段提交表单(例如按enter )……该字段get是焦点，然后单击按钮(后缀)... 甚至将angular材质的示例包装成一种形式，我也会得到相同的结果：https://stackblitz.com/edit/angular-frc7tj?file=app/form-field-prefix-suffix-example.html <div class="example-container
浏览 15提问于2021-10-12得票数 0
回答已采纳
1回答
我正在构建一个带有两步表单的Angular JS应用程序。它实际上只是一个表单，但使用JavaScript隐藏第一个面板，并在用户单击“下一步”按钮并转到步骤2时显示第二个面板。我在步骤1中的一些字段上设置了“必需”验证，但很明显，当用户单击“下一步”时，它们不会得到验证。当用户在步骤2末尾单击“提交”按钮时，它们不会得到验证。
有没有什么方法可以让angular在点击“下一步”按钮时验证表单中的那些字段？
浏览 0提问于2013-04-01得票数 37
回答已采纳
我想使用Angular form validation.I来验证我的表单。我读了很多关于如何在提交前验证表单的文章。但我的问题是如何验证表单的必填字段，例如，对于我的登录表单，我有两个字段，一个用户名和密码。在不输入任何字段值的情况下，用户单击登录按钮。所以在这个场景中，如何在angular中进行验证。
提前谢谢你，
浏览 1提问于2014-06-19得票数 0
我有一个表格，是放在IFrame.I中的。我已经添加了javascript函数用于验证。在未填写必填字段的情况下单击提交按钮时，将出现错误消息。
该表单包含8个以上的字段。错误消息将显示在页面顶部。因此，当单击submit按钮时，它会停留在页面的底部。因此，错误消息是不可见的。
为了让Scroll在iframe中向上滚动，我添加了以下代码，
parent.parent.window.scroll(0,0);
它将我带到iframe.But页面的顶部，跳过Javascript验证。它在不进行验证的情况下传递请求。
在这件事上请帮帮我。
提前感谢
浏览 1提问于2013-08-20得票数 1
1回答
此快捷代码将在我的wordpress页面中显示重力表单
[gravityform id="1"]
此表单有3个字段，单击“提交”按钮。我想获得不同字段的短码，这样我就可以根据需要在不同的位置显示它们。有什么可能的方法吗？
浏览 0提问于2014-07-10得票数 0
2回答
以Angular形式提交
、、、
我正在处理Angular 7表单。我制作了一个包含所有字段的完整表单，并在表单的末尾添加了一个简单的按钮，现在我想知道单击这个按钮是如何触发提交操作的。我甚至还没有为这个按钮设置属性type="submit“。我有过
(ngSubmit)="onSubmit(employeeForm)"
在我表格的顶端。有没有人能让我理解任意一个按钮是如何触发这个提交功能的。已经谢谢你了。
附注:我在此表单中使用了Material Design控件。
浏览 0提问于2019-03-22得票数 0
我想使用JavaScript实现一个包含验证为“实时”字段的表单。
为了做到这一点，我以这种方式使用Java事件：
文本字段
onkeyup:这用于在每次释放密钥时发送一个检查此字段是否存在错误的请求。如果有错误，它将显示这些，否则一个“确定！”文本。
提交按钮
onclick:单击时，这将再次检查是否有错误。如果是这样，这将显示错误，否则它将隐藏提交按钮。
在页面的末尾，我有一个JavaScript，当出现时，它将聚焦一个文本字段。
同时在字段上使用onkeyup和焦点事件，在没有单击按钮的情况下提交表单后(与按钮相关的事件只在单击按钮时发生，而不是当我使用键盘上的'enter‘键提
浏览 2提问于2011-02-05得票数 0
回答已采纳
我正在使用angular 8与formGroup和formController进行验证，它在反应式表单和模板驱动表单中工作得很好。然而，我试图在angular 8中使用带有"ngModelOptions“属性的"ngModel”(它是一个动态生成的字段)。它使用"required“属性正确地显示了字段级别的验证，但我无法阻止单击按钮或在错误验证状态下禁用”按钮“。示例代码如下：
<form [formGroup]="myForm" #form1="ngForm">
<!-- few formControlName fi
浏览 28提问于2020-02-04得票数 1
回答已采纳
在提交数据之前，我希望检查表单字段的所有有效性，点击submit按钮，并启动缺失或错误的字段验证。
和以前版本的角上提交一样，如果表单状态无效，我们可以启动所有错误验证。
if (scope.sampleForm.$valid) {
// success code
} else {
angular.forEach(scope.sampleForm.$error, function (field) {
angular.forEach(field, function (errorField) {
errorField.$s
浏览 1提问于2017-06-27得票数 1
回答已采纳
1回答
我使用的是angular v10和angular形式的v10。有一个表单和提交按钮。添加验证和使用form.valid启用/禁用提交按钮。我想要的是:考虑表单中的10个字段以及submit1和submit2按钮。submit1按钮需要5个字段，当用户提交表单时，在5个字段中的值，然后submit2按钮将显示。但是submit2按钮需要有2个额外的必填字段以及现有的5个字段。有没有办法为表单提供2个额外的验证，仅用于submit2按钮。
浏览 1提问于2021-01-05得票数 0
我尝试使用Angular Reactive表单，我的组件类的代码是：Component Class file 我的HTML代码是：HTML file 我在控制台中看到以下错误： core.js:15724 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'controls' of undefined
TypeError: Cannot read property 'controls' of undefined
at new LoginComponent (login
浏览 16提问于2019-07-04得票数 0
1回答
I have a list of form controls in a reactive form angular
this.myForm = this.fb.group({
firstName: [''],
lastName: [''],
stage: [''])}
我在表单顶部有一个单选按钮，按字母顺序对字段排序。如何实现此功能。
任何帮助都是非常感谢的。
浏览 1提问于2022-05-16得票数 0
2回答
我得到了一个Angular Reactive表单，除了当我填写所有必填字段并按下Chrome的后退按钮(在提交或不提交之后)并再次返回表单页面时，它工作得很好。我的表单仍在填写，但我无法再次提交该表单。我猜这是因为表单验证无效，我必须重新填写每个字段才能再次按下提交按钮。 我如何才能强制重新验证表单，这样我就不必再次删除和键入所有内容？ profileForm = this.fb.group({
checkbox: [false],
checkbox_cgv: [false, Validators.requiredTrue],
firstName: ['&
浏览 17提问于2020-03-18得票数 1
4回答
我有一个反应性表单，在加载时不需要字段。如果选择了一个选项，该选项将向formGroup中添加额外的表单元素，那么将需要新的显示字段。如果昵称字段是隐藏的，那么您应该能够提交表单很好。如果显示昵称，则需要昵称字段，并禁用提交按钮，直到昵称字段满为止。这是我想做的事情的一个例子。
我的问题是，一旦表单元素被显示/隐藏，我如何启用/禁用验证？
App.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'
浏览 0提问于2018-03-19得票数 14
回答已采纳
我用angular 6的reactive form制作了一个带有电子邮件用户名和头像等字段的表单。我知道我需要表单数据来上传图像，但我不知道如何在angular 6中使用reactive form。有人能帮我吗？
浏览 11提问于2018-09-05得票数 3
回答已采纳
1回答
我有个问题。对于我的jquery代码，有一个单击事件，它将在成功验证后提交表单。然而，测试人员提出了一个问题。
测试人员的问题是：
为输入框验证生成错误
现在，通过通过按钮单击上的所有验证来清除错误。
如果用户按下按钮的下半部以通过所有验证，则按钮会向上移动。但是，如果他单击上半部分，表单将提交所需的内容。
测试人员说，从可用性的角度来看，这是错误的。
他说，如果所有的验证都通过了，即使他点击了下半部分，该表格也应该提交。
一个队友想出了一个解决方案。他说，如果我们在按钮上的上触发click事件，即使用户单击按钮上的任何部分，表单也会提交。
这个解决办法奏效了，但出
浏览 0提问于2016-04-18得票数 0
我正面临着magento中提交按钮的奇怪行为。在客户注册页面中，当像姓氏这样的注册字段之一不是字段并单击提交按钮时，我会得到验证错误，它就在这里。但是当我去填写姓氏并直接点击提交按钮时，按钮没有提交就上移了，当我再次点击它时，它被提交了。
这是因为错误div消失了，因为按钮上移了，但为什么按钮不接受单击事件并在所有表单验证都正常的情况下提交表单。
代码与template/customer/account/register.phtml的register.phtml完全相同
期待着你们的消息。
谢谢
浏览 1提问于2012-01-16得票数 2
我使用angular reactive表单来创建一个包含文本字段的表单。
如果字段的数据已经存储，我会预先填充这些字段。现在，我可以允许用户导航到这些表单来编辑字段。
我想在编辑文本字段时调用一个函数，这可能会清除它下面的其他字段。
但我不希望该函数清除文本字段被编程修改时调用的其他字段，在本例中，文本字段是预先填充的。
我如何使用angular reactive forms及其API实现这一点？表单控件(如pristine或touched )上的标志同时受用户操作和编程预填充的影响。
浏览 12提问于2019-08-17得票数 3
我对Angular 2+是新手，在基本的表单提交方面有困难。虽然我使用的是Angular，但我想知道如何使用submit按钮提交表单。无关紧要的提交方式。
<form action="/api/profile/me" method="post">
<input type="submit"/>
</form>
即使在单击提交按钮之后，我也看不到浏览器试图与服务器通信。
我如何让angular不侦听这个特定的表单事件？
谢谢你们所有人。
浏览 0提问于2018-03-09得票数 0
1回答
我正在与角TD表单工作。有一个表单域和一个提交按钮。仅当表单中没有值时，才应禁用该按钮。同时，chrome保存表单字段的值(用户名和密码保存在chrome中)，因此表单field.But中仍有值按钮被禁用。但在单击网页中的任意位置后，它会被启用。如何防止这种情况发生？ 下面的链接解释了jquery中的问题。如何在angular 7中做同样的事情？ Enable button when browser fills data automatically
浏览 21提问于2019-02-13得票数 0
如果我提交带有ajax回调的按钮，我不想验证字段。目前，在每个按钮单击它显示另一个字段的验证错误。按钮不提交表单，它执行其他操作(添加更多字段)。
浏览 0提问于2013-07-17得票数 1
回答已采纳
我的应用程序为从后端读取的一组实体提供了新的/编辑表单。
当我打开这样一个表单，填写/编辑一些字段，然后导航离开时，实体列表中的记录显示为已更改，即使我没有提交这些更改。重新加载应用程序(从后端重新加载数据)可以解决这个问题，但不是一个选项。
我尝试过在form视图的willDestroyElement中执行一些事务回滚，但这似乎是根本错误的，因为即使在成功提交表单之后也会调用它(实际上使用Attempted to handle event rollback on X while in state rootState.loaded.updated.inFlight时会崩溃)。
对于任何涉及导航
浏览 0提问于2013-07-16得票数 4
1回答
我似乎找不到我的jquery依赖插件冲突。CURL.js每次都会完美地加载jquery验证插件、jquery表单插件和css，而不会在firebug中抛出错误。当我点击提交按钮时，jquery表单插件不会使用ajax来提交表单，而是按照以下步骤正常提交：
1)点击注册链接
2)点击Shopper链接，等待加载
3)单击存储链接并等待其加载
4)再次点击购物者链接，等待加载
5)点击提交按钮
步骤也可以反之亦然。
但是，如果我单击其中一个链接，而没有单击第二个链接，然后按submit按钮，jquery验证就会正确触发；一旦表单通过验证，表单插件就会使用ajax提交表单。
演示链接：
请让我知道，
浏览 0提问于2012-02-22得票数 0
回答已采纳
1回答
我有一个devextreme表单，上面有一些字段和提交按钮。如果我点击submit按钮，组件中相应的click事件就不会触发。将useSubmitBehavior设置为true，并将submit事件设置为组件单击事件。下面是一个简单的例子：example
浏览 21提问于2020-06-21得票数 1
回答已采纳
我有一个视图与2个提交按钮。两者都必须将表单数据提交给控制器，但执行的操作不同。
如果用户单击Button A，将提交表单，修改模型，并将模型返回到表单，其中包含一些更新的信息。如果按钮A被点击，我也想让它可见。因此，最初是不可见的，但如果单击了按钮A，则当重新显示视图时，必须可见。(有可能吗？)
然后，如果单击按钮B，则提交表单，并将详细信息持久化到数据库。
这个是可能的吗？我是否可以执行一些JQuery操作(使表可见)，然后提交给控制器，当重新绘制视图时，该表将可见？
浏览 0提问于2011-02-20得票数 1
回答已采纳
1回答
我有一个表单(jsp页面)，并包含一个div，如果有错误消息将在其中显示。当用户提交表单时，将在服务器端完成验证，并根据任何违规设置一个错误消息字段，该字段使用div中的struts属性标记显示在JSP中。
现在的问题是，因为我的表单有很多字段，所以提交按钮放在表单的下方，错误div放在表单的上方，因此在出现错误的情况下，消息do会显示出来，但用户需要向上滚动来查找错误消息。我需要的是，当错误发生时，页面应该会自动滚动起来，错误应该会得到突出显示。
如果可能，我可以使用任何jquery或css解决方案。请帮帮忙。谢谢
浏览 1提问于2013-03-11得票数 0
回答已采纳
1回答
import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
ngOnInit() {
this.createFormControls();
this.createForm();
}
createFormControls(){
this.firstName = new FormControl('',Validators.required);
this.lastName= new FormContr
浏览 2提问于2018-11-23得票数 0
2回答
假设提交按钮也有一个单击事件处理程序(是的，它是错误的，但这正是我正在处理的代码)。
单击处理程序在即将提交的表单的字段中设置一个值。
因此，当单击submit按钮时：
会首先触发什么，表单提交事件还是单击事件？会根据提交给服务器的单击事件在表单字段中设置值吗？我认为这取决于Q1的答案。如果该表格是先发的，我猜它不会的。
注意:我不是在寻找替代方案和建议。我知道处理这件事的正确方法。只是想弄清楚事件的顺序及其含义。
浏览 1提问于2010-05-10得票数 6
在联系人表单中，有一个带有两个值电子邮件和电话的单选按钮，我想在表单提交后进行验证，但在提交表单之前也使用drupal表单中的jquery进行验证。在我的表单中，当我点击“电子邮件”时，它显示了一个带有错误的电子邮件文本字段，并隐藏了一个带有错误的“电话”文本字段，我选择了“电话”，它同时显示了“电子邮件”和“电话文本”字段，但是对于“电话文本”字段，它只显示了“电子邮件”字段的错误，它没有显示“错误”，现在我完成了这项工作，在单击“提交”按钮之前，我更改了“电子邮件”和“电话值”，它显示了错误，但是我只想在提交表单后显示错误。
浏览 2提问于2016-10-13得票数 1
回答已采纳
我在angular 8遇到了一个奇怪的问题。
我有一个父组件和一个子组件。
我在子组件中使用了reactive forms，并通过ViewChild在父组件中访问了此表单。
这个ViewChild是静态的: false。
我在提交按钮的父组件中为该表单的每个控件调用markAsTouched，但这不会显示我为控件定义的错误。
我有几个这样的页面。
其中一些功能齐全。
其中一些是半功能性的。
但是这个函数不能显示表单错误。
它以前工作得很好，但突然我们遇到了这个问题。
这里有人能帮我吗？
我在这个问题上纠结了几天。
浏览 5提问于2021-03-31得票数 0
1回答
多次生成模板群
、、
我使用angular2 reactive实现了这个表单：
this.generateForm = this._fb.group({
id: [''],
name: ['']
});
我有一个按钮"add“，当我单击它时，需要重新生成相同的表单，然后在html中出现新的表单。我该怎么办？
<form [formGroup]="generateForm">
<div>
<label>ID</label>
<input type="
浏览 0提问于2018-02-26得票数 0
3回答
不顾验证错误提交角形
、、、
我用Angular.js编写了一个表单，它要求在提交之前填写一个字段。验证工作正常(当我提交表单时，该字段显示一个验证错误)，但表单似乎仍然执行其ng单击操作。
在验证错误的情况下，角形是否应该提交？如果存在验证错误，防止它提交的最佳方法是什么？
下面是有问题的表格：
<form role="form">
<div class="form-group">
<label>Book Id</label><br>
<input ng-model="boo
浏览 1提问于2014-06-30得票数 2
回答已采纳
2回答
在我的angular应用程序中有两个页面。在第一页中，我们将在表单中填写数据，然后单击continue，然后进入下一页。
但在下一页中有后退按钮，如果我们单击它，它将转到之前的表单页面。
现在主要的问题是表单字段中填写的数据不会保留这些数据。
那么，我该怎么做才能使表单字段中的值即使在转到下一页并再次返回到上一页后也能保留。
请帮助任何人。
浏览 1提问于2021-11-15得票数 0
1回答
我已经使用Contact form 7创建了一个多步骤表单- WP格式的调查问卷。在第四步中，单击提交按钮后，箭头开始旋转，但没有任何反应。此步骤包含具有许多条件字段的表单，但是，在删除它们之后，问题仍然存在。
我已经检查过控制台了。提交后出现这样的错误显示。jquery.js?ver=1.12.4:4 POST反馈500 (内部服务器错误)它在其他表单(步骤)上不显示。
我两个都试过了: define(‘WPCF7_LOAD_JS’，false)；
add_filter(‘wpcf7_load_js’，‘__return_false’)；add_filter(‘wpcf7_load_css’
浏览 3提问于2020-04-07得票数 0
2回答
我使用jQuery通过一个两步的表单前进。首先输入一个URL，然后输入电子邮件，然后提交表单。
一旦提交，表单应该重新设置。因此，submit按钮被替换为“Next”按钮(从第一步开始)，电子邮件输入字段被替换为URL输入字段。
所有操作都很好，除非提交表单并单击“下一步”按钮，否则表单将尝试提交，从而产生错误消息。
进程: 1。输入URL 2。点击'Next Button‘3。URL输入字段消失，电子邮件输入字段在4中消失。输入电子邮件5。单击submit 6。表单提交正确7。输入字段和按钮重置正确8。输入URL 9。单击'Next’10。错误-表单尝试提交。
为什么表单尝试
浏览 3提问于2015-08-25得票数 0
回答已采纳
我正在为一个网站的CMS编写自定义代码。当用户单击submit按钮(使用jQuery UI创建)时，它会调用该按钮上的单击事件，该事件又会调用提交事件来提交表单。
所述表单还检查特定字段以查看它们是否具有文本，并且将显示错误消息并停用提交按钮，直到问题得到解决。为此，我目前使用.focus()，它内部有一个.blur()函数，该函数检查错误是否已修复，如果修复，则删除通知(如果没有其他错误，则重新激活按钮)。
现在，我遇到的问题是，如果用户在任何时候编辑其中一个被选中的字段，如果他们没有在其中单击并尝试提交表单数据，.blur()函数就会接管控制权(根据编码方式，它应该这样做)，因此需要再次单
浏览 1提问于2010-07-28得票数 3
回答已采纳
1回答
我在我的项目中使用redux表单。我有几个输入字段，一个下拉列表和一个提交按钮。当我点击submit按钮时，会显示提交错误。 例如，我有一个输入字段，它只能接受整数。当我单击submit按钮时，显示一条错误消息：“请只输入整数”。但是，当我编辑输入字段并放置正确的值时，错误消息在没有单击submit按钮的情况下从提交错误中删除。 我不想在不点击submit按钮的情况下删除错误消息。 是否有redux形式的属性？
浏览 13提问于2019-01-30得票数 0
我有一个angular 4组件，它有一个具有日期、字符串和数字等通用字段的表单(模板驱动表单)。我想为这个组件编写单元测试用例。基本上，当用户单击提交按钮时，我必须验证/验证所有字段，仅此而已。我已经用谷歌搜索了很多，但是找不到解决这个问题的方法。请帮帮我...！提前谢谢。致以最好的问候，Madhusudan
浏览 9提问于2017-06-25得票数 2
2回答
我在表单中有一个提交按钮，并且已经实现了jQuery。
但是，当我按submit按钮时，它工作得很好，它只会跳到顶部，忽略我的一个字段所需的字段属性。
如果从submit按钮中删除backtotop id，就会看到所需的字段错误。
如果我在submit按钮上添加回顶id，它就不会提交表单。
，我错过了什么？
<form action="" method="post">
<input type="text" name="fname" required>
<input type="
浏览 2提问于2013-09-01得票数 1
回答已采纳
当通过单击按钮或按enter键提交表单时，提交按钮将包含在已发布的字段中。但是，如果表单是用jquery($('#some_form').submit();)提交的，则不包括submit按钮。如果按钮上触发了单击事件，则该事件将包含在已发布的字段中。
这种行为正常吗？是否有方法通过使用submit方法将按钮包含在提交的字段中？
**编辑：**如评论中所述：
输入字段中的"Enter“会导致提交；这方面的规则有些复杂。通常，它与有多少个输入字段有关(例如，只有一个或多个输入字段)。
因此，显然不是每次进入时按下表单，但我找不到任何有关它的信息。有人可以张贴链接，或
浏览 4提问于2015-04-23得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
