Jak sprawdzić, czy dane wejściowe formularza mają wartość

Question

Próbuję sprawdzić, czy dane wejściowe formularza mają jakąkolwiek wartość (nie ma znaczenia, jaka jest wartość), aby można było dodać wartość do adresu URL działania w przypadku przesłania, jeśli nie istnieć. Muszę dodać nazwę parametru przed dodaniem wartości, a pozostawienie pustej nazwy parametru, takiej jak "P =" bez żadnej wartości, spowoduje przeniesienie strony.

Oto mój kod:

function getParam() { 

// reset url in case there were any previous params inputted 

    document.form.action = 'http://www.domain.com' 

    if (document.getElementById('p').value == 1) { 
     document.form.action += 'P=' + document.getElementById('p').value; 
    } 

    if (document.getElementbyId('q').value == 1) { 
     document.form.action += 'Q=' + document.getElementById('q').value; 
    } 

} 

i forma:

<form name="form" id="form" method="post" action=""> 
    <input type="text" id="p" value=""> 
    <input type="text" id="q" value=""> 
    <input type="submit" value="Update" onClick="getParam();"> 
</form> 

myślałem ustawiania wartości == 1 zrobi proste istnieje, nie istnieje kontrolę niezależnie od złożonego wartości było, ale myślę, że się mylę.

Używam również instrukcji if, ale uważam, że to zły kod, ponieważ nie mam innego. Być może, używając instrukcji switch, chociaż nie jestem pewien, jak to ustawić. Może:

switch(value) { 
    case document.getElementById('p').value == 1 : 
     document.form.action += 'P=' + document.getElementById('p').value; : 
    case document.getElementById('q').value == 1 : 
     document.form.action += 'Q=' + document.getElementById('q').value; break; 
} 

Answer 1

var val = document.getElementById('p').value; 
if (/^\s*$/.test(val)){ 
    //value is either empty or contains whitespace characters 
    //do not append the value 
} 
else{ 
    //code for appending the value to url 
} 

P.S .: Lepiej niż sprawdzanie przeciwko value.length ponieważ ' '.length = 3.