How to hide <div> </div> if the input text is null

Question

How to hide if the input text is null. this are my script code

             $(document).ready(function(){
              var taena = document.getElementById("no2").value;

                  if (taena === "") {
                      $('#hideall').hide();

                  else{
                      $('#hideall').show();
                  }
                  });

Looks like your code should work provided that ids like no2 and hideall must be unique in html file — Bhushan Kawadkar
– Bhushan Kawadkar, Commented May 5, 2016 at 9:05

Milind Anantwar · Accepted Answer · 2016-05-05 09:43:12Z

3

You can rather trim out spaces from returned value and check for length and then do show hide decision based on it:

$(document).ready(function(){
  $('#hideall').toggle($("#no2").val().trim().length > 0);
});

edited May 5, 2016 at 9:43

answered May 5, 2016 at 9:05

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

1 Comment

Milind Anantwar Over a year ago

@PranavCBalan: you are right :) . i need to add the check for bool here. thanks again

Collectives™ on Stack Overflow

How to hide <div> </div> if the input text is null

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related