html - 如何使用 JSON 定义创建 html 表单？

Question

我正在寻找一个 javascript 库，它使我能够以 JSON 格式存储 (html) 表单，并在验证输入客户端中内置了一些智能。比如:

function FormController(){
  this.user = {
    name: 'John Smith',
    address:{line1: '123 Main St.', city:'Anytown', state:'AA', zip:'12345'},
    contacts:[{type:'phone', value:'1(234) 555-1212'}]
  };
  this.state = /^\w\w$/;
  this.zip = /^\d\d\d\d\d$/;
}

(取自 http://docs.angularjs.org/#!cookbook.form )。这几乎是我想要的，因为它提供了带有正则表达式的基本客户端验证，并且您可以提供默认值，但它似乎仍然需要您创建 HTML 表单。

我想要一些只需要定义的东西。有什么想法吗？

Answer 1

在无耻的 self 宣传中我还要提一下我的jQuery.dForm plugin .它已经存在了一段时间，并且支持 jQuery 验证插件、jQuery UI 并且易于扩展。看起来是这样的:

var formdata =
{
    "action" : "index.html",
    "method" : "get",
    "elements" : 
    [
        {
            "name" : "textfield",
            "caption" : "Label for textfield",
            "type" : "text",
            "value" : "Hello world"
        },
        {
            "type" : "submit",
            "value" : "Submit"
        }
    ]           
};
$("#myform").buildForm(formdata);

// Or to load the form definition via AJAX
$("#myform").buildForm("http://example.com/myform.json");