至少一個輸入必須在DIV jQuery的

Question

需要我，其中有5個輸入

我需要檢查從他們的投入至少一個必須填補使用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

Answer 2

(function() { 
    var valid = false; 

    $('#myForm').submit(function(evt) { 

     $(this).find('input[type="text"], select').each(function() { 
     if ($(this).val() !== "") { 
      valid = true; 
     } 
     }); 

     if (!valid) { 
      evt.preventDefault(); 
     /* stop form submission (and tell the user to fill at 
      * least one field 
      */ 
     } 
    }); 
}()); 

例小提琴：http://jsfiddle.net/Tcg3U/3/