如何检查输入负载是否为空

How to check if input is not empty on load?

本文关键字:负载 是否 输入 何检查 检查      更新时间:2023-09-26

我有一个这样的代码:

<div><input type="text" value=""></div>

我如何检查与JS或jQuery如果输入包含任何数据(甚至从本地存储或浏览器缓存)加载和添加类到父div,如果不是空的?

试试这个

//trim() is used to remove extra spaces in your input value
if($('#ver_input').val().trim() != ''){
    $(this).parent().addClass('any-class');
}
html:

<div><input type="text" value="" id="ver_input"></div>

检查输入的值是否为空,使用如下命令:

if($("input").val()) { ... }

如果有多个输入,您可能希望在这个输入上放置一个id,但是如果只有一个输入,这段代码就可以工作。

  var input = document.querySelector('input');
  var yourDiv = document.querySelector('div');

  if(input.value === ''){
    yourDiv.classList.add("foo");
  }