jQuery ottenere i dati dal modulo

Question

Ho una forma che sto cercando di ottenere i dati da un modulo utilizzando jQuery e convalidarlo. Qual è il modo migliore per trasferire dati da un modulo a una variabile usando jquery?

Answer 1

Ecco il frammento di che è possibile utilizzare -

$('#myForm').submit(function() { 
    // get all the inputs into an array. 
    var $inputs = $('#myForm :input'); 

    // not sure if you wanted this, but I thought I'd add it. 
    // get an associative array of just the values. 
    var values = {}; 
    $inputs.each(function() { 
     values[this.name] = $(this).val(); 
    }); 

}); 

preso da stackoverflow-link

Answer 2

Beh qui andiamo

Questa è la jQuery script:

function getData() { 

$(document).ready(function() { 
    var myTextFieldValue = $('#myTextField').value; 
    alert('The value is: '+myTextFieldValue); 
}); 

} 

Questa è la HTML

<form action='#' method='whatever'> 
<input type='text' id='myTextField' /> 
<input type='submit' onClick='getData()' /> 
</form> 

NOTA: al fine di rendere lo script di lavoro è necessario importare le librerie jQuery

Ti piace questa:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

non ho provato lo script in modo ci potrebbero essere alcuni errori. Spero di essere stato utile a voi Bye.

(per tutto l'aiuto pm me)

Answer 3

non c'è modo di ottenere tutti i dati di un modulo in una riga di codice. Devi recuperarlo valore per valore. se avete un <input id='some-id' > basta usare var someId = $('#some-id').val();. Ora someId mantiene il valore dell'ingresso

La funzione val() restituisce solo il valore del primo elemento corrispondente (se non sai cosa intendo dai un'occhiata al selettore jquery (http: //api.jquery .com/categoria/selettori /) dare un'occhiata a http://api.jquery.com/val/ per vedere la funzione Val, ha qualche cosa strana con la <textarea> tag

E ricorda di convalidare sempre lato server, anche se avete già fatto lato client, js securrity è molto facile da bypassare

Answer 4

utilizzare il plug-in JQuery Validation. Dai un'occhiata here