如何使用javascript/jQuery生成动态表单

Question

我需要根据来自服务器的Ajax响应动态生成一个完整的html表单。在响应中将有诸如输入类型、输入标签、验证(如果有的话)等信息。

表单最多总是有10个字段。

是否有任何jQuery/javascript工具/插件来生成表单?

谢谢。

Answer 1

队形

从他们的例子:

    value = {"key":"value"} "key" will be the value attribute and "value" will be the shown value of the element. If the array is constructed like {"value",value","value"} (without keys) then the value attribute of the input will be an auto-incremented number starting from 0.
options = {} See options table below.
$.fn.formation(options); [Create a form]
$.formation.addInput(options); [Append an input]
$.formation.addSelect(values,options); [Append a select]
$.formation.addTextarea(options); [Append a textarea]
$.formation.addCheckboxes(values,options); [Append an unordered list of checkboxes]
$.formation.addRadios(values,options); [Append an unordered list of radio buttons]
$.formation.addCaptcha(options); [Adds a captcha question to your form]
$.formation.addButton(options); [Append a button]
$.formation.setErrorMessages(options); [Set custom error messages for validation]

然而，这些都是你可以很容易地用Jquery做的事情，这是一个很好的学习经验，所以我建议你自己尝试一下。