javascript - DIV jQuery 中至少需要一个输入

Question

我的表格有 5 个输入

我需要从他们的输入中检查至少一个必须使用 JQuery 在 Button Click 上填写。

<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

(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/

Answer 2

$('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()
    }
});

小提琴