Trình tạo biểu mẫu Javascript

Question

Có ai biết thư viện javascript để tự động tạo biểu mẫu dựa trên mô hình không?

tức là, đưa ra một mô hình một cái gì đó như:

{ 
    name: "someone", 
    email: "someone@somwhere.com", 

} 

bạn muốn có được một biểu mẫu như:

Name: ___________ 
Email: __________ 

Matt

Answer 1

Hãy thử jQuery dForm

Ví dụ:

var formdata = { 
    "action" : "index.html", 
    "method" : "get", 
    "elements" : 
    [ 
     { 
      "type" : "p", 
      "html" : "You must login" 
     }, 
     { 
      "name" : "username", 
      "id" : "txt-username", 
      "caption" : "Username", 
      "type" : "text", 
      "placeholder" : "E.g. user@example.com" 
     }, 
     { 
      "name" : "password", 
      "caption" : "Password", 
      "type" : "password" 
     }, 
     { 
      "type" : "submit", 
      "value" : "Login" 
     } 
    ] 
}; 

$("#myform").buildForm(formdata); 

Xây dựng:

Answer 2

Hãy thử một trong những plugin dưới đây đề cập

http://code.google.com/p/jquery-form-builder-plugin/

http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/

Answer 3

inputEx có vẻ ok

inputEx là một khung Javascript mã nguồn mở để xây dựng các trường và biểu mẫu cho các ứng dụng web bằng cách sử dụng thư viện YUI3.

Answer 4

Nếu bạn đang tìm cách tạo biểu mẫu động bằng jQuery, thì tôi khuyên bạn nên xem Alpaca.

Alpaca là thư viện biểu mẫu nguồn mở (được cấp phép theo Apache 2). Nó tạo ra các biểu mẫu dựa trên JSON Schema sử dụng JavaScript và khá linh hoạt để bạn có thể đăng ký các kiểu điều khiển, bố trí, ràng buộc và các hàm xác nhận mới.

Tôi nghĩ rằng nó sẽ xử lý kịch bản bạn mô tả khá dễ dàng.

Nó có một số tính năng mẫu đẹp (jQuery Templates), hiển thị công cụ cho jQuery Mobile và mẫu "trình kết nối" để bạn có thể đọc và duy trì định dạng biểu mẫu và bố cục từ nguồn dữ liệu từ xa.

Lưu ý: Tôi là một trong những nhà phát triển tại công ty đằng sau Alpaca. Chúng tôi mở nguồn bởi vì chúng tôi nghĩ rằng nó sẽ là tuyệt vời cho cộng đồng. Alpaca đang tích cực phát triển và chúng tôi sử dụng nó cho sản phẩm của chúng tôi (Cloud CMS). Những người khác đã sử dụng nó cho các hệ thống CMS khác cũng như các dự án được hỗ trợ bởi MongoDB và CouchDB, vv Vì vậy, nó đã có rất nhiều xay đặt vào nó.

Answer 5

Tôi có thể đề xuất một cách khiêm tốn Metawidget không?

Nó tạo giao diện người dùng từ các đối tượng JSON. Nó không yêu cầu JQuery, nhưng có hỗ trợ cho nó. Nó cũng hỗ trợ các định dạng đối tượng khác (chẳng hạn như JSON Schema, lược đồ trên REST vv).