forked from daffl/jquery.dform
-
Notifications
You must be signed in to change notification settings - Fork 0
/
docs.html
123 lines (109 loc) · 4.19 KB
/
docs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>
JavaScriptMVC
</title>
<link rel="stylesheet" type='text/css' href='documentjs/jmvcdoc/style.css'>
<link rel="shortcut icon" href="documentjs/jmvcdoc/images/favicon.ico">
</head>
<body>
<div id='documentation'>
<div id='top'>
<div class="content">
<div id="searchRoundCorners">
<input id='search' type='input' disabled='true'>
</div>
<div id='defaults'>
<ul id="menu" class="ui-menu">
<li class="ui-menu-item">
<a class="menuLink" href="#&search=*&who=index"><span class="menuSpan">Home</span></a>
</li>
<li class="ui-menu-item">
<a class="menuLink" href="#favorites"><span class="menuSpan">Favorites</span></a>
</li>
<li class="ui-menu-item">
<a class="menuLink" href="http://javascriptmvc.com/#&who=follow" title="Follow"><span class="menuSpan red">Follow</span></a>
</li>
<li class="ui-menu-item">
<a class="menuLink" href="#&who=contribute" title="Contribute"><span class="menuSpan red">Contribute</span></a>
</li>
<li class="ui-menu-item">
<a class="menuLink" href="#&who=code" title="Code"><span class="menuSpan red">Code</span></a>
</li>
</ul>
</div>
<div class="logo-text">
<a href='http://javascriptmvc.com'><img src='documentjs/jmvcdoc/images/logo80x30.png' class="logo-image"></a>
</div>
</div>
</div>
<div id='bottom'>
<div id='nav'>
<a>Loading ...</a>
</div>
<div id='doc_container'>
<div id='doc'>
<h1>jQuery dForm</h1>
<p>The jQuery.dForm plugin allows you to create your HTML forms programmatically from JavaScript objects
(and therefore JSON, too).</p>
<p>Usage:</p>
<pre><code>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");
</code></pre>
<h2>How to get it:</h2>
<p><a href="http://github.com/downloads/daffl/jquery.dform/jquery.dform-0.1.4.tar.gz">Download</a> the latest package (0.1.4(</p>
<p>Clone the current master on <a href="http://github.com/daffl/jquery.dform/">GitHub</a></p>
<h2>How to get involved:</h2>
<ul>
<li>Visit the <a href="http://groups.google.com/group/jquery-dform">jQuery.dForm Google Group</a></li>
<li>Fork the project on <a href="http://github.com/daffl/jquery.dform/">GitHub</a></li>
<li>Follow <a href="http://twitter.com/daffl">@daffl</a> on Twitter</li>
</ul>
<h2>What it is for:</h2>
<p>There are many server side web frameworks that support HTML form generation,
but you often end up mixing client (e.g. JavaScript validation) and server side processing concerns together.</p>
<p>This plugin moves the generation of forms entirely on the client side so that the server just has to provide a
JavaScript object (usually as JSON) that contains all the information needed to create this form.
It is easily extensible for custom form elements and properties.</p>
<h2>You should try this plugin if you want to</h2>
<ul>
<li>manage all your form related jQuery plugins in a unified way (jQuery UI and the Validation plugin
supported out of the box)</li>
<li>scaffold forms from business objects of your server side framework</li>
<li>have an easy way to include jQuery UI elements and JavaScript validation</li>
<li>write JavaScript instead of HTML markup since your page doesn't run without JS anyway</li>
</ul>
</div>
<div id="disqus_thread"></div>
</div>
</div>
</div>
<div id='low'>
<a href="http://jupiterit.com">© Jupiter Consulting - JavaScriptMVC Training and Support</a>
</div><script type='text/javascript'>
DOCS_LOCATION = "docs/" //adds searchData to this
</script><script type='text/javascript' src='steal/steal.production.js?documentjs/jmvcdoc'>
</script>
</body>
</html>