How to check if input of all types is empty or not using jquery?

Question

I would like to check if input type is empty or not for all types.I am having following code.

Now the problem with jquery is that it works for text based input but when I add characters in number field then length method doesn't work as intended.

I would like to check for non-empty fields for all types of input.If user has entered anything(text or number or whatever) in the field, it should be considered as non-empty.

$(".textyformcontrol").blur(function() {

  if ($(this).val().length > 0) {
    $(this).parent('.formcontrolparent').find('.animatedlabel').addClass('filled');
  } else {
    $(this).parent('.formcontrolparent').find('.animatedlabel').removeClass('filled');

  }


});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formcontrolparent form-group">
  <input required type="number" name="Phone no" class="form-control textyformcontrol" />
  <label class="animatedlabel">Phone no.</label>
  <img src="icons/mobile_16.png" alt="phone number" />
</div>

If ($(this).val()) works for all inputs expect number when I add characters in number field — Shashank Bhatt
– Shashank Bhatt, Commented Mar 2, 2017 at 6:18
check this fiddle, even the length seems to give value. jsfiddle.net/rd6pp7ns — Vinay Pratap Singh Bhadauria
– Vinay Pratap Singh Bhadauria, Commented Mar 2, 2017 at 6:19
Not worked for input type number when I add characters in number field — Shashank Bhatt
– Shashank Bhatt, Commented Mar 2, 2017 at 6:28

aks7 · Accepted Answer · 2017-03-02 06:14:05Z

1

Try this :

$(document).on("blur" ,".textyformcontrol" ,function() {

 if ($(this).val() != "") {  // Non-empty 
     // Do something 

  } else {  // empty
     // Do something
  }

});

answered Mar 2, 2017 at 6:14

aks7

4513 silver badges12 bronze badges

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

Comments

Mayank Pandeyz · Accepted Answer · 2017-03-02 06:07:41Z

0

Try this:

$("input:empty").length == 0;

If its value is zero, means every input is having some value.

answered Mar 2, 2017 at 6:07

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

How to check if input of all types is empty or not using jquery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related