jQuery check if any text input has value

Question

I want to ask if there's a better way in jQuery to select multiple text input then check if any of them has a value. Here's my code:

if ($("#reference").val() != "" || $("#pin").val() != "" || $("#fName").val() != "" || $("#mName").val() != "" || $("#datepicker").val() != "") { /*logic goes here */ } 

Answer 1

You could do like below:

if ($("#reference,#pin,#fName,#mName,#datepicker").filter(function() { return $(this).val(); }).length > 0) {   //.. } 

Using a common function like the following would make it reusable:

function hasValue(elem) {     return $(elem).filter(function() { return $(this).val(); }).length > 0; } 

And you could call it like this:

hasValue("#my-input-id"); 

Answer 2

Try jQuery each()

 $('input[type=text]').each(function(){      var text_value=$(this).val();      if(text_value!='')        {         console.log('Value exist');         }     })