如何使用Dojo的dijit.form.Form提交帖子數據？

Question

我用javascript的工具包dojo將這個簡單的表單轉換為HTML元素形式：

 dojo.require("dijit.form.Form"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.Textarea"); dojo.require("dijit.form.Button"); dojo.addOnLoad(function() { var form = new dijit.form.Form({ method: "POST", action: "" }, "createCollectionForm"); var title = new dijit.form.ValidationTextBox({ required: true, trim: true }, "title"); var description = new dijit.form.Textarea({ trim: true }, "description"); var submit = new dijit.form.Button({ label: "OK", onClick: function(event) { dijit.byId("createCollectionForm").submit(); } }, "submit"); });

 <link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/resources/dojo.css" rel="stylesheet" /> <link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/themes/claro/claro.css" rel="stylesheet" /> <script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js" djConfig="parseOnLoad:true"></script> <body class="claro"> <form method="post" action="" enctype="application/x-www-form-urlencoded" id="createCollectionForm"> <dl class="zend_form"> <dt id="title-label"><label class="required" for="title">Title:</label></dt> <dd id="title-element"> <input type="text" value="" id="title" name="title" gtbfieldid="1"> </dd> <dt id="description-label"><label class="optional" for="description">Description:</label></dt> <dd id="description-element"> <textarea cols="80" rows="24" id="description" name="description"></textarea> </dd> <dt id="submit-label">&nbsp;</dt> <dd id="submit-element"> <input type="submit" value="OK" id="submit" name="submit"> </dd> </dl> </form>

但是當單擊提交按鈕時，表單正在提交而沒有任何發布數據 。

我究竟做錯了什么？

Answer 1

我認為問題是你的dijit表單字段沒有任何名稱。 我知道你已經在html代碼中指定了名稱，但我認為有必要將它們包含在你的dijit調用中，否則提交不知道以什么名稱發送表單數據。

例如：

var title = new dijit.form.ValidationTextBox({
    required: true,
    trim: true,
    name: "title"
}, "title");

如何使用Dojo的dijit.form.Form提交帖子數據？

問題描述

1 個解決方案

解決方案1
15 2011-01-31 01:53:40

如何使用Dojo的dijit.form.Form提交帖子數據？

問題描述

1 個解決方案

解決方案1 15 2011-01-31 01:53:40

解決方案1
15 2011-01-31 01:53:40