react中输入为空时禁用按钮

文章/答案/技术大牛

发布

3回答

reactjs、react-redux

所以我是react的新手，当我想在react中当输入为空时禁用Button时，我遇到了这个问题，它只工作一次，直到;( import React, { Component } from 'react';

浏览 22提问于2020-02-12得票数 0

回答已采纳

1回答

React Native -输入为空时禁用登录按钮

reactjs、forms、react-native、input、react-native-android

所以我刚刚在我的react原生应用程序中创建了一个登录/注册表单。它看起来像这样： ? 我要禁用“登录”按钮，直到用户名和密码输入填满为止。当输入为空时，“登录”按钮应该看起来是黑色的，而当我们填满输入时，“登录”按钮应该看起来是蓝色的。下面是我的代码： import React from 'react';

浏览 20提问于2020-09-20得票数 0

1回答

React Hook窗体: isDirty在加载时不工作

reactjs、react-native、react-hook-form

我正在使用react-hook-form来控制和验证一个表单，只需要一个必需的输入。formState, reset} = useForm({}); const {isDirty, isValid, errors} = formState; 要禁用提交按钮isValid} 问题是，即使输入为空，提交按钮最初也不会被禁用。

浏览 12提问于2021-08-06得票数 2

回答已采纳

2回答

如何通过if语句呈现禁用按钮？

javascript、reactjs

当checkedIds的状态为空时，我希望禁用react组件中的按钮，禁用按钮的代码如下所示：但是当我尝试这个时，它不起作用

浏览 4提问于2017-06-07得票数 1

回答已采纳

2回答

jQuery启用/禁用按钮取决于输入字段是否为空

jquery

function() { }); 我把这段代码放在jsfiddle中，，我试图使按钮返回，以便在输入字段为空的情况下启用状态。这意味着，如果输入为空，则应启用该按钮，如果输入具有某种值，则应禁用该按钮</e

浏览 2提问于2013-02-28得票数 4

回答已采纳

3回答

如果输入字段为空，请禁用按钮吗？

reactjs、forms、input、next.js、use-state

React代码： const [text, setTexttext}> find </button> );SandBox链接：当Page加载时，find按钮一开始是禁用的，因为input字段是空的，这很好。find按

浏览 7提问于2021-11-28得票数 0

回答已采纳

1回答

处理输入禁用的正确方式？ReactJS

javascript、reactjs

我正在学习React，我想做一个简单的表单:有两个按钮： return ( <labeltype="submit" value="Submit" /> </form>} 我想根据文本

浏览 0提问于2018-07-09得票数 1

1回答

如果输入字段为空或不为空，Javascript将禁用和启用按钮

javascript、web、core-js

当输入字段为空时，我希望禁用按钮，如果输入字段不是空的，则启用它。我认为这是一个简单的逻辑，但我仍然无法使它发挥作用。我相信我的逻辑一定有问题。禁用按钮后是否应该使用事件？我该如何处理这个问题？帮帮我。

浏览 2提问于2020-06-18得票数 0

回答已采纳

1回答

如何在提交成功后将表单设置为“原始”形式？

javascript、reactjs、forms、react-final-form、final-form

作为开发人员，当用户使用React最终表单成功提交表单时，我希望禁用"Submit“按钮，如果用户在表单中输入新文本，则启用"Submit”按钮。电流变量pristine只在表单第一次加载时将禁用支柱设置为true，但当用户提交表单(而不是重新加载页面)时，变量pristine为false，为了禁用“提交”按钮，我希望它是t

浏览 1提问于2020-02-29得票数 1

回答已采纳

2回答

只有当用户在输入中输入数字时，才能将“启用”设置为“已启用”按钮？

javascript、reactjs

这是一个组件，当用户键入输入时，它有一个输入和一个要提交的按钮： Search我想要做的是，当用户在输入中输入字符串值时，将该按钮</e

浏览 3提问于2020-06-28得票数 1

回答已采纳

2回答

如果字段为空，禁用提交按钮

reactjs、forms、react-hooks

我有一个反应应用程序使用钩子，并试图找出如何保持提交按钮禁用，如果搜索字段是空的。假设有一个带有submit按钮的常规表单字段，我如何设置一个状态挂钩，在用户输入文本之前使搜索按钮保持禁用状态。我假设应该有一个onChange函数，它可能更新输入更改时的状态，但不完全确定实现的情况。

浏览 2提问于2020-05-27得票数 2

回答已采纳

1回答

取消从输入中加载图像

javascript、reactjs、react-redux

我有一个输入下载一个图像与反应，我想能够取消已经下载的，如果我改变我的想法，例如。那么，如何将输入返回到它的初始状态，即空？谢谢你的帮助。

浏览 7提问于2022-08-09得票数 0

回答已采纳

3回答

如何使用react-hook-form有条件地禁用提交按钮？

reactjs、react-hook-form

我使用的是react-hook-form，当表单为空时，我想禁用提交按钮，只要所有表单至少有内容写入，就启用提交按钮。我该如何使用react-hook-form来做到这一点

浏览 2提问于2020-12-12得票数 7

3回答

输入字段为空时禁用提交按钮

javascript、jquery、html、codeigniter

当4个输入字段为空时，我想禁用提交按钮<input type="text" name="val2" id="val2"> <input type="text" name="val3" id="val3&qu

浏览 1提问于2018-10-12得票数 0

2回答

当输入字段为空时禁用按钮

javascript、reactjs、typescript

当输入字段为空时，我需要禁用submit按钮。但是，validateResult函数不返回false。Parameter2", min: 4, },export const DynamicForm: React.FC<DynamicFormProps> = ({ data, onSubmit }) => {

浏览 2提问于2022-06-19得票数 1

回答已采纳

3回答

当输入为空时禁用按钮交互

ios、swift

当用户名或密码字段为空时，将禁用登录按钮，无法按下。我不知道如何始终如一地检查字段是否为空，所以我尝试使用textFieldDidEndEditing，尽管它目前无法工作。这就是我到目前为止所拥有的。

浏览 1提问于2015-11-04得票数 1

回答已采纳

5回答

当输入为空时如何禁用按钮？

reactjs

当输入字段为空时，我正在尝试禁用按钮。React中最好的方法是什么？<input ref="email"/> <button disabled={!

浏览 96提问于2015-05-12得票数 178

回答已采纳

2回答

Javascript元素属性

javascript、html

我的情况:在我的应用程序中，我创建了一个包含一些输入和提交按钮的表单。单击submit按钮时，我希望禁用所有输入字段，同时保留所有数据。我的问题是:我知道要禁用所有输入字段--我只需要禁用.prop(“禁用”，true)；禁用所有适用的字段。但是，我注意到，当我禁用字段时，数据仍然是可见的，但是在代码中，该元素的值为</

浏览 3提问于2014-09-16得票数 0

回答已采纳

2回答

AngularJS:输入字段为空时禁用按钮

javascript、jquery、html、angularjs、forms

我有一个下拉菜单，两个输入文本框和一个提交按钮。我想要禁用提交按钮，直到下拉项被选中，两个输入框都被填满。我看了几个例子，包括和，但这些都不适合我。下面是我的代码。$invalid">Submit </button>因此，最初当页面加载并且默认情况下所有字段都为空时，Submit按钮是禁用的，问题是在填充了所有三个字段之后，它并没有被启用。

浏览 2提问于2016-06-24得票数 6

回答已采纳

2回答

基于多种条件的react中按钮禁用--使用expo的本机项目

react-native、button、expo、state、disable

提交按钮最初应该被禁用，只有当输入了值，并且两个OTP都是verified.Can时，才应该启用该按钮，有人帮助使用react本机的州标志吗？

浏览 5提问于2020-08-19得票数 0

回答已采纳

点击加载更多