Question

I have a div and into this I have 2 checkboxes and 2 inputs text but I want validate or check if all inputs are empty to display an alert or error and that fill at least one input (checkbox or text) because I don’t do two validations: 1 for checkboxes and 2 for inputs text… exists any way to do this?

HTML

<div id="t_disp">
    <p>
        <label for="7x24">7x24</label>
        <input id="7x24" name="7x24" type="checkbox"/>
    </p>
    <p>
        <label for="5x8">5x8</label>
        <input id="5x8" name="5x8" type="checkbox"/>
    </p>
    <p>
        <label for="especial">Especial</label>
        <input id="especial" name="especial" type="text"/>
    </p>
    <p>
        <label for="ticket">Ticket</label>
        <input id="ticket" name="ticket" type="text"/>
    </p>
</div>

Thanks in advance!!

Answer 1

To get how many inputs are filled/checked:

var filled = $('#t_disp input').filter(function() { 
  return $(this).is('[type=checkbox]') ? this.checked : this.value;
}).length;

if ( filled ) {
   // at least one input is filled
} else {
   // all inputs are empty
}