2012-08-07 45 views
5

Tôi có một biểu mẫu mà tôi đang cố lấy dữ liệu từ biểu mẫu bằng cách sử dụng jquery và xác thực nó. Cách tốt nhất để lấy dữ liệu từ một biểu mẫu đến một biến bằng cách sử dụng jquery là gì?jquery nhận dữ liệu từ biểu mẫu

+0

chọn sử dụng jquery để có được giá trị –

+0

Một câu hỏi tương tự như sau: http://stackoverflow.com/questions/169506/get-form-input-fields-using-jquery –

Trả lời

5

Dưới đây là đoạn mã mà bạn có thể sử dụng -

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

}); 

Got nó từ stackoverflow-link

+0

Chỉ những gì tôi muốn, cảm ơn! – gilbertbw

2

Vâng đây chúng tôi đi

Đây là jQuery kịch bản:

function getData() { 

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

} 

Đây là HTML

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

LƯU Ý: Để thực hiện kịch bản của bạn làm việc bạn phải nhập các thư viện jQuery

Như thế này:

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

Tôi Chưa thử kịch bản để có thể có một số lỗi. Hy vọng tôi đã giúp ích cho bạn Tạm biệt.

(Để được trợ giúp về tôi)

+2

làm thế nào ai đó có thể PM cho bạn. chúng tôi chỉ có thể để lại bình luận. – defau1t

+0

Xem hồ sơ của tôi và gửi e-mail cho tôi. Bạn là đúng anyway –

0

không có cách nào để lấy tất cả dữ liệu từ biểu mẫu trong một dòng mã. Bạn phải lấy giá trị của nó theo giá trị. nếu bạn có <input id='some-id' > chỉ cần sử dụng var someId = $('#some-id').val();. Bây giờ someId giữ giá trị của đầu vào

Hàm val() chỉ trả về giá trị của phần tử được so khớp đầu tiên (nếu bạn không biết ý tôi là hãy xem bộ chọn jquery (http: //api.jquery) .com/loại/selectors /) hãy nhìn vào http://api.jquery.com/val/ để xem chức năng val, nó có một số điều kỳ lạ với <textarea> thẻ

Và hãy nhớ luôn luôn xác nhận phía máy chủ, ngay cả khi bạn đã làm nó phía khách hàng, js securrity rất dễ bỏ qua

+1

có một cách để có được tất cả các dữ liệu từ một hình thức trong một dòng mã bằng cách sử dụng '$ (' # myform '). Serialize();' –

+0

@BishnuPaudel làm thế nào để bạn sau đó lấy dữ liệu tuần tự và sử dụng nó? – gilbertbw

+0

Điều này có thể giúp bạn http://api.jquery.com/serialize/ –

0

sử dụng plugin Xác thực JQuery. Hãy xem here

.210
Các vấn đề liên quan