Come verificare se l'input del modulo ha valore

Question

Sto provando a verificare se un input di modulo ha un valore (non importa quale sia il valore) in modo che possa aggiungere il valore all'URL di azione su submit se lo fa esistere. Devo aggiungere il nome del parametro prima di aggiungere il valore, e lasciare un nome param vuoto come "P =" senza alcun valore rovina la pagina.

Ecco il mio codice:

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; 
    } 

} 

e la 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> 

ho pensato che il valore di impostazione == 1 farebbe un semplice esiste, non esiste controllo indipendentemente da ciò che il valore inviato era, ma credo di essermi sbagliato.

Inoltre, sto usando le istruzioni if, ma credo che sia un codice errato, poiché non ho un altro. Forse, usando un'istruzione switch, anche se non sono sicuro di come configurarlo. Forse:

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 .: La sua migliore di controllo contro value.length perché ' '.length = 3.