dijit/form/TextArea: Dojo validation of a textarea の検証をdijit/Editor にミックスインする方法を詳述した投稿を拡張してみました。
特に、フォームの送信時にエディターに必須であることを示すようにします。
エディターのコンテンツがフォームの一部として送信されていないことに注意して、エディターのコンテンツの値を設定し、エディターの onChange イベントで非表示のテキスト領域にコピーします。dijit エディターのコンテンツを送信します。
ただし、doom、以下のコードを使用すると、テキストが含まれているかどうかに関係なく、フォームの送信時にエディターに検証メッセージが表示されます。
また、すぐに使える Dijit/Editor を使用すると、テキストエリアの値が onChange イベントで設定されますが、以下の混合ウィジェットを使用すると、非表示のテキストエリアの値が設定されないことにも注意してください。
define("my_dijit/ValidationEditor",
[ "dojo", "dijit", "dijit/_Widget", "dijit/form/_FormWidget", "dijit/form /ValidationTextBox", "dijit/Editor" ], function(dojo, dijit, _Widget, _FormWidget, ValidationTextBox, Editor) {
return dojo.declare("my_dijit.ValidationEditor", [ dijit._Widget, _FormWidget, dijit.form.ValidationTextBox, dijit.Editor ], {
invalidMessage: "This field is required",
missingMessage: "A value is required",
//regExp: "(.|\\s)*",
// regExp: "(.|[\r\n])*",
regExp: "(.|[\r\n|\r|\n])*",
// postCreate() is called after buildRendering(). This is useful to override when
// you need to access and/or manipulate DOM nodes included with your widget.
// DOM nodes and widgets with the dojoAttachPoint attribute specified can now be directly
// accessed as fields on "this".
// Common operations for postCreate
// 1) Access and manipulate DOM nodes created in buildRendering()
// 2) Add new DOM nodes or widgets
postCreate : function() {
this.inherited(arguments);
},
validate: function() {
if (arguments.length==0) {
return this.validate(false);
}
return this.inherited(arguments);
},
onFocus: function() {
if (!this.isValid()) {
this.displayMessage(this.getErrorMessage());
}
},
onBlur: function() {
if (!this.isValid()) {
this.displayMessage(this.getErrorMessage());
}
}
});
});
ご検討いただきありがとうございます