jQuery form plugin, как отправлять только видимые поля

Question

Используя jQuery form plugin, я просто хочу представить видимые поля (а не скрытые) формы.

HTML:

<div class="result"></div> 
    <form id="myForm" action="comment.php" method="post"> 
     Name: <input type="text" name="name" /> 
     Comment: <textarea name="comment"></textarea> 

<div style="display:none;"> 
     <input type="text" value="" name="name_1" /> 
</div> 

     <input type="submit" value="Submit Comment" /> 

    </form> 

Я не могу найти способ представить только видимые поля, используя любой из указанных ниже способов:

ajaxForm:

// wait for the DOM to be loaded 
     $(document).ready(function() { 
      // bind 'myForm' and provide a simple callback function 
      $('#myForm').ajaxForm(function() { 
       alert("Thank you for your comment!"); 
      }); 
     }); 

ajaxSubmit:

$('#myForm').ajaxSubmit({ 
     target: '.result', 
     success: function(response) { 
     alert("Thank you for your comment!"); 


     } 
    }); 

Существует еще один способ: formSerialize, но не нашел способа использовать его с указанными выше способами (можно использовать только с $.ajax). Как отправить только видимые поля, используя любой из двух методов?

Answer 1

$("#myForm").on("submit", function() { 
     var visibleData = $('#myForm input:visible,textarea:visible,select:visible').fieldSerialize(); 
     $.post(this.action, visibleData, function(result) { 
      alert('Thank you for your comment!');  
     }); 
     // this is needed to prevent a non-ajax submit 
     return false; 
});