jquery uzyskiwanie danych z formularza

Question

Mam formularz, który próbuję uzyskać dane z formularza przy użyciu jquery i potwierdzić go. Jaki jest najlepszy sposób pobrania danych z formularza do zmiennej za pomocą jquery?

Answer 1

Oto fragment, który można użyć -

$('#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(); 
    }); 

}); 

dostał go od stackoverflow-link

Answer 2

Więc jedziemy

To jQuery scenariusz:

function getData() { 

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

} 

To HTML

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

UWAGA: Aby dokonać skrypt działa należy zaimportować biblioteki jQuery

Jak to:

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

nie próbowałem skrypt więc nie może być pewne błędy. Mam nadzieję, że ci pomogłem Do widzenia.

(Dla każdej godzinie pomóż mi)

Answer 3

istnieje żaden sposób, aby uzyskać wszystkie dane z formularza w jednej linii kodu. Musisz pobrać wartość według wartości. , jeśli masz <input id='some-id' > po prostu użyj var someId = $('#some-id').val();. Teraz niektórzy trzymają wartość wejściową

Funkcja val() zwraca tylko wartość pierwszego dopasowanego elementu (jeśli nie wiesz, co mam na myśli, spójrz na selektor jquery (http: //api.jquery com/kategoria/przełączniki /) przyjrzeć http://api.jquery.com/val/ zobaczyć funkcję Val, że ma jakieś dziwne rzeczy z <textarea> tagu

I pamiętaj, aby zawsze walidacji po stronie serwera, nawet jeśli już to zrobił po stronie klienta, js securrity można bardzo łatwo ominąć

Answer 4

użyć wtyczki walidacji JQuery. Spójrz na here