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

时间:2011-10-12 04:28:45

标签: javascript jquery dynamic form-generator

我需要根据服务器的Ajax响应动态生成一个完整的html表单。作为回应,将有输入类型,输入标签,验证等信息。

表单最多总共有十个字段。

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

感谢。

1 个答案:

答案 0 :(得分:0)

Formation

从他们的例子:

    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做的所有东西,这是一个很好的学习经验所以我建议你自己尝试。