jQuery do czytania niepustych i widocznych pól tekstowych

Question

Tworzę wieloetapowy kwestionariusz. Mam 3 pytania (3 div), DOM wygląda tak (Pseudo-kod). Moje pytanie to:

1.Jak mogę odczytać wartość z pola, którego typ to url (type = 'url') w q3?

2.Czy odczytać tylko niepuste pola tekst/textarea/url? Oznacza to, że chcę tylko czytać pola tekstowe, gdy użytkownik coś w nim wpisał.

Myślałem o głupim sposobie czytania każdego pola, bez względu na to, czy jest puste. następnie mam polecenie isset/empty php, aby sprawdzić, czy jest puste, jeśli tak, to nie przyjmę wartości. Ale czy istnieje lepszy sposób na osiągnięcie tego?

<div id=q1> 
    <input type='text' id='q1text'> 
    <input type='button'> // this btn will hide q1 and show q2. 
</div> 

<div id=q2 style="display:none"> 
    <input type='textarea' id='q2textarea'> 
    <input type='button'> // this btn will hide q2 and show q3 
</div> 

<div id=q3 style="display:none"> 
    <input type='url' id='q3url'> // this btn will submit the form data. 
    <input type='submit'> 
</div> 

Answer 1

1.How mogę odczytać wartość z pola, który typ jest url (type = 'url') w Q3?

Posiada atrybut id. Można użyć selektora id wraz z .val()

$('#q3url').val(); 

2.What czytają tylko niepustych pól text/textarea/URL? Oznacza to, że chcę tylko czytać pola tekstowe, gdy użytkownik coś w nim wpisał.

można użyć funkcji filtrowania odfiltrować elementu, które nie mają wartości w nich

var allnonemptyurls = $('input[type="url"]').filter(function() { 
    return !!this.value; 
})