Reactjs表单值通过状态显示，但当我提交表单域和值时未提交
Reactjs是一种流行的前端开发框架，用于构建用户界面。在React中，表单的值通常通过状态来显示和管理。然而，有时候当我们提交表单域和值时，可能会遇到未提交的情况。这可能是由于以下几个原因导致的：
- 表单提交事件未正确处理：在React中，表单提交通常通过监听表单的submit事件来触发。如果没有正确处理该事件，表单的值就不会被提交。确保你在表单元素的父组件中正确处理了submit事件，并在事件处理函数中执行相应的提交操作。
- 表单元素没有正确绑定值：在React中，表单元素的值通常通过state来绑定。如果没有正确绑定值，表单元素的值就无法被提交。确保你在表单元素的value属性中绑定了相应的state值，并且在onChange事件中更新该state值。
- 表单元素没有正确设置name属性：在提交表单时，表单元素的name属性用于标识表单域的名称。如果没有正确设置name属性，表单的值就无法被正确提交。确保你在表单元素的name属性中设置了相应的名称。
如果你遇到了未提交表单值的问题，可以按照上述步骤逐一检查并排除可能的原因。另外，腾讯云提供了一系列与前端开发相关的产品，例如云开发、云函数、云存储等，可以帮助开发者快速构建和部署前端应用。你可以参考腾讯云的文档和产品介绍来了解更多相关信息：
- 腾讯云开发文档：https://cloud.tencent.com/document/product/876
- 腾讯云云函数产品介绍：https://cloud.tencent.com/product/scf
- 腾讯云云存储产品介绍：https://cloud.tencent.com/product/cos
相关·内容
1回答
Reactjs表单值通过状态显示，但当我提交表单域和值时未提交
reactjs、validation、touch-event、react-props
我已经实现了redux表单，并从属性中获取数据，并将属性更改为componentWillReceiveProps中的状态，值显示在我的字段中，但当我提交表单时，没有交互，则表单值未提交。this.state.standardDistanceBetween}componen
浏览 25提问于2019-09-04得票数 0
7回答
如何提交未选中的复选框
javascript、jquery、html、asp.net-mvc、jquery-ui
如果未选中复选框，则单击表单提交按钮不会提交任何数据。
某些复选框可能不会出现在表单中，具体取决于用户选择的表单域。因此，提交控制器无法确定表单中是否存在未选中的复选框。如何强制表单提交处于未选中状态的复选框，或者如何在未选中复选框时将数据库中的值设置为false，但如果<e
浏览 2提问于2011-09-30得票数 14
回答已采纳
1回答
使用React Hooks提交时将表单域重置为初始状态
javascript、reactjs、create-react-app、react-bootstrap
当按下按钮时，我正在尝试将表单域重置为空白。由于某些原因，它不能工作。下面是我的示例代码： 初始化： function App() { setTextField(''); cle
浏览 21提问于2019-12-23得票数 1
回答已采纳
2回答
处理表单提交而不处理更改？
reactjs
我使用ReactJS构建了一个包含多个表单组件的简单SPA。在我在网上读过的官方React和其他教程中，似乎能够处理表单提交，我还必须处理表单更改，即使用每次击键更新组件状态，如下所示： <input type="submit" value="Submit" />
&
浏览 0提问于2018-04-18得票数 0
回答已采纳
2回答
我无法清楚地输入提交的表格。
reactjs、semantic-ui、redux-form
我使用的是reactJs和redux-form。当我想提交我的表单时，我不希望我的页面被刷新。相反，我想在提交后重置我的表单。不幸的是，我无法清除我的输入，而我将状态设置为无效值。 this.setState({input:'&
浏览 5提问于2017-08-15得票数 2
2回答
长/大信息路径表单问题
forms、sharepoint、infopath
我已经用infopath 2010创建了Infopath表单。这真的很长很大。用户希望填写表单并保存表单，稍后再完成表单，因为表单很大。他们有什么选择来满足这个要求吗？我们可以添加保存按钮吗？
浏览 1提问于2014-09-04得票数 1
3回答
为什么从提交时调用JS函数清除了我的表单和控制台？
javascript、html、onsubmit
我试图通过表单上的onsubmit事件调用JS函数。当我这样做时，我的表单输入就会被清除(就像我试图调试这个问题的JS控制台一样)。函数中的JS似乎正在运行，但我不知道为什么要清除窗体和控制台。如果我通过按钮上的onclick事件调用相同的JS函数，表单和控制台就不会被清除。基于导致我所看到的行为的onsubmit事件调用这个JS函数有什么特别之处吗？
浏览 6提问于2014-08-17得票数 3
回答已采纳
1回答
在Struts1.3中使用复选框重置函数
struts、reset、struts-1
我听说当我遇到这样的情况时，它可以帮助我：
我选中了几个复选框，然后在表单中单击“下一步”并转到下一页，然后单击“上一步”并再次转到带有复选框的页面，取消选中其中几个复选框并选中其他复选框，然后再次单击
浏览 0提问于2014-08-20得票数 0
4回答
CakePHP未填充单选按钮在提交时更改为不需要的值
php、validation、forms、cakephp
allowEmpty' => false,),`driversLicenseIsOnline` tinyint(1) unsigned NOT NULL
当我第一次加载表单的新副本时，该单选按钮集处于未选中状态。如果我不做任何其他事情就提交表单，当表单重新加载时，单选按钮被填充为"No“，验证闪烁消息显示”此字段不能留空“。当我
浏览 8提问于2011-06-24得票数 4
回答已采纳
1回答
ReactJS Redux-表单
javascript、forms、reactjs、redux、redux-form
我有几个输入域的表单，提交模糊动作的值。当用户更改文本字段中的内容时，会调用CHANGE。但只有模糊才能调用文本字段中成功提交的值。我需要通过按enter键使其正常工作。在输入中按enter键时，它调用Touch，然后提交表单。
我错过了什么吗？或者是表单</em
浏览 6提问于2017-08-07得票数 0
回答已采纳
5回答
为什么带有style="display:hidden“的字段回发？
javascript、jquery、html、css、forms
noneI有一个表单，用户可以在其中通过单击复选框来隐藏或显示字段。但是，当我提交表单时，客户端验证不会验证隐藏字段，这是我所期望的。但是，在服务器端，由于未设置强制显示:none字段，ModelState.IsValid为false。在fiddler中，我可以看到显示的表单数据:无字段。请帮帮忙。
浏览 0提问于2014-03-20得票数 3
2回答
jquery属性已禁用，输入值表单已提交
jquery、input、field、prop
我想问的是，我有一个名为full screen的复选框，当我选中它时，宽度和高度这两个输入域应该被禁用，它的值设置为空。我用j查询做得很好，但当我提交表单时，即使两个输入域的值都是0，我也会在全屏选中的情况下提交表单时，它会保存这两个输入域的先前值。
有什么帮助吗？height").
浏览 3提问于2013-07-22得票数 3
回答已采纳
1回答
使用a4j支持的级联下拉菜单
jsf-2、richfaces
我有3个级联SelectOneMenu，即国家，州和城市。功能是当选择国家时，相应的州被填充，当州被选择时，城市被填充。我使用4j:support标签来实现它。我已经为CountriesChanged()、StatesChanged()和CitiesChanged()编写了ActionListener。在我的应用程序中，当一个人选择国家时，会触发操作事件并填充状态。但是，当用户更改状态时，它会抛出“验证错误:值无效”
如果有人给我指引
浏览 1提问于2011-11-21得票数 1
1回答
struts验证不能用于禁用的文本字段
javascript、validation、struts
我正在设计在struts中更新用户信息的表单。在这种情况下，数据库中的值已经设置到文本框中。我还禁用了电子邮件的文本框，这样用户就不能更改电子邮件。我已经在表单中应用了客户端struts验证
但是如果文本字段被禁用，并且包含有效值，那么struts验证器框架也会将其视为空白。如果我启用了文本字段，它就能正常工作。
浏览 0提问于2012-01-11得票数 0
1回答
跟踪表单或会话中的错误
asp-classic
我有一个购物车，其中包括一个输入复选框和许多其他字段。当表单被处理并提交时，它通过某个javascript运行，然后如果一切正常，则重定向到另一个页面。(没有什么不寻常的地方)。Firebug显示，此时复选框的值随其选中状态的不同而不同。
当提交表单时，它转到另一个页面，该页面迭代session.Contents()集合，并构建一个发送给第三方的字符串。使用fiddler，似乎当checkBox的名
浏览 6提问于2012-01-17得票数 0
回答已采纳
1回答
如何在铬反应开发工具中隐藏密码？
javascript、reactjs、google-chrome
在处理表单提交时，如何隐藏/防止密码值在reactjs中作为状态出现在检查器中，以防止使用工具？
浏览 8提问于2017-08-24得票数 0
3回答
检查PHP变量的视图
php、view
这就是我在返回到我的视图时检查变量是否被设置的方法。>我觉得可以有一种更好的方法，甚至是一种更短的方法来检查和呼应这些值？
浏览 1提问于2011-05-07得票数 1
回答已采纳
1回答
如果用户未选中复选框或单选按钮，如何为该复选框或单选按钮设置某些默认值
javascript、html、forms、twitter-bootstrap
我有一个使用bootstrap form元素动态生成的表单，我可以在其中选择添加复选框和单选按钮。当我单击submit按钮时，表单中的数据将以json格式发送到数据库。我正在使用以下javascript函数提交表单 var formData = JSON.stringifyerror)
浏览 0提问于2015-03-16得票数 0
4回答
我处于反模式中，我想退出
java、design-patterns、anti-patterns
我有一个网络表单，使用户可以选择100个字段的任何组合(所有从不同的不相关的表/对象)从数据库中。然后通过java servlet将这些字段输出到excel电子表格。网络表单在传输对象( to )中设置100个布尔值，以确定随后是否应显示数据。然后引用该TO，以生成电子表格的标题行，也为迭代过的数据库中的每一行生成标题行。
这一切都很好，但感觉不对劲。我想不出一种可行的方法，不引用100个布尔值(N+1次)来确定一个字段是否应该包含在输出的电子表格中。
浏览 1提问于2010-08-11得票数 15
回答已采纳
1回答
jQuery更改函数，如何像会话一样保存状态
javascript、jquery、html、ajax
我正在寻找一种方法，我的形式，我目前正在显示和隐藏字段的基础上选择的值在下拉，我想知道的是。当我选择“是”并显示下面的字段时，我单击表单上的“提交”，如果返回到表单，值仍然存在，但该字段将再次隐藏.
我怎样才能在默认情况下防止这种情况发生？我希望我的浏览器记住我提交表单后留下的jQuery更改函数状态。
浏览 3提问于2015-07-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
