サンプル一覧へ
/* Javascript Source */ // 必要となるJavaScriptファイルの読み込み dojo.require("dojo.parser"); dojo.require("dijit.form.Form"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.DateTextBox"); dojo.require("dijit.form.TimeTextBox"); dojo.require("dijit.form.NumberTextBox"); dojo.require("dijit.form.CurrencyTextBox"); dojo.require("dijit.form.Textarea"); dojo.require("dijit.form.Button"); var init = function() { // dijit.form.Formオブジェクトの生成 var sampleForm = new dijit.form.Form({ action: "#", method: "post" }, dojo.byId("formcontainer")); // 名前入力フィールド var nameField = new dijit.form.ValidationTextBox({ name: "name", required: true, invalidMessage: "必須入力です。", promptMessage: "名前を入力して下さい。" }, dojo.byId("namefield")); // 生年月日入力フィールド var birthdayField = new dijit.form.DateTextBox({ name: "birthday" }, dojo.byId("birthdayfield")); // 更新時刻入力フィールド var timeField = new dijit.form.TimeTextBox({ name: "time" }, dojo.byId("timefield")); // 収入入力フィールド var incomeField = new dijit.form.CurrencyTextBox({ name: "income", currency: "JPY" }, dojo.byId("incomefield")); // 年齢入力フィールド var ageField = new dijit.form.NumberTextBox({ name: "age", required: true, invalidMessage: "必須入力です。", promptMessage: "年齢を入力して下さい。", constraints: {min:0,max:120,places:0} }, dojo.byId("agefield")); // コメント入力フィールド var commentField = new dijit.form.Textarea({ name: "comment", required: true, invalidMessage: "必須入力です。", promptMessage: "コメントを入力して下さい。", style: "height:100px; width:100%;" }, dojo.byId("commentfield")); // 送信ボタン var submitButton = new dijit.form.Button({ label: "送信" }, dojo.byId("submitbutton")); // リセットボタン var resetButton = new dijit.form.Button({ label: "リセット" }, dojo.byId("resetbutton")); // 送信ボタンが押されたときの処理 dojo.connect(submitButton, "onClick", function(e) { sampleForm.submit(); }); // リセットボタンが押されたときの処理 dojo.connect(resetButton, "onClick", function(e) { sampleForm.reset(); }); } dojo.addOnLoad(init);
SEO
fヲ
[PR]
!uO
z[y[WJ
Cu