How to check if input is not empty on load? [duplicate]

Question

I have a code like this:

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

How do I check with JS or jQuery if input contain any data (even from localstorage or browser cache) on load and add class to parent div if not empty?

there is no direct connection between localStorage and an <input> element — charlietfl
– charlietfl, Commented Sep 27, 2016 at 17:31
Thanks, I'm just not very experienced in JS, that's why asked for help. — Demuri Celidze
– Demuri Celidze, Commented Sep 27, 2016 at 17:39

Aya Salama · Accepted Answer · 2016-09-27 17:32:53Z

2

Try this

//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>

answered Sep 27, 2016 at 17:32

Aya Salama

1,51813 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nick G · Accepted Answer · 2016-09-27 17:32:59Z

2

To check if the value of an input is not empty, use the following:

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

If there are multiple inputs you may want to put an id on this input, but this code works if there is just one input.

answered Sep 27, 2016 at 17:32

Nick G

1,98314 silver badges17 bronze badges

Comments

pro · Accepted Answer · 2016-09-27 17:35:18Z

1

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


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

answered Sep 27, 2016 at 17:35

pro

7927 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to check if input is not empty on load? [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related