Question

I have form in which there are 5 inputs

I need to check From their inputs at least one must be fill on Button Click using JQuery.

<div id='myForm'>
    <input name="baz" type="text" />
    <input name="bat" type="text" />
    <input name="bab" type="text" />
    <select name="foo">
        <option value=""></option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select name="bar">
        <option value=""></option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
     <input type='button' value='submit' onclick='return chk();'/>
</div>

<script>
         function chk()
         {
               // i need to check here
                  alert('i wan to to check it here')
         }
</script>

Answer 1

$('input[value="submit"]').on('click', function(e) {
   e.preventDefault();
   if ($('input, select').not('[type="button"]').filter(function() {
     return this.value.trim()!="";
      }).length) {
        alert('valid');
           //$("#myForm").submit()
    }
});

FIDDLE