1

5つの入力があるフォームがあります

入力から、JQueryを使用してボタンクリックで少なくとも1つ入力する必要があることを確認する必要があります。

<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>
4

2 に答える 2

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

于 2012-05-30T10:45:53.690 に答える
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()
    }
});

フィドル

于 2012-05-30T11:11:31.133 に答える