判断input框是否有值

可以通过以下代码判断输入框是否有值：

if(document.getElementById("input-box").value.trim() !== ""){
  // 输入框有值
} else {
  // 输入框为空
}

这里假设输入框的id为"input-box"，使用`trim()`方法去除输入框中的空格，再和空字符串进行比较。如果输入框中有值，则条件成立，执行第一个代码块；如果输入框为空，则条件不成立，执行第二个代码块。

相关问题

js判断input框是否有值

可以通过判断input元素的value属性是否为空来确定input框是否有值。示例代码如下：

var input = document.getElementById("inputId");
if(input.value.trim() !== "") {
  // input框有值
} else {
  // input框没有值
}

在这个示例中，我们首先获取了id为"inputId"的input元素，然后通过判断其value属性去掉前后空格后是否为空来确定input框是否有值。如果value非空，则认为input框有值；否则认为input框没有值。

react如何判断input框有值时禁用

在React中，你可以使用状态来判断input框是否有值，并根据其值来禁用或启用其他元素。

首先，在你的组件中定义一个状态来保存框的值，可以useState钩子函数来创建状态：

 React, { useState } from 'react';

function MyComponent() {
  const [inputValue setInputValue] = useState('');

  // 处理input框的值改变事件
  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button disabled={!inputValue}>提交</button>
    </div>
  );
}

export default MyComponent;

在上面的例子中，我们使用useState创建了一个名为inputValue的状态，并将其初始值设置为空字符串。然后，我们定义了一个handleInputChange函数来处理input框的值改变事件，该函数将输入框的值更新到inputValue状态中。

在render方法中，我们将input框的值绑定到inputValue状态，并将handleInputChange函数传递给onChange事件处理程序。然后，我们使用disabled属性来禁用按钮，当inputValue为空时，按钮将被禁用。

这样，当input框的值发生变化时，按钮的禁用状态将根据inputValue的值进行更新。