blocks|key|2938333|text|在jsFiddle上可以看到它的实际效果。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2938334|2938335|只显示工具提示：|ordered-list-item|2938336|2938337|var+textBox+=+bijit.byId("validationTextBox")；dijit.showTooltip(+textBox.get("invalidMessage")，textBox.domNode，textBox.get("tooltipPosition")，!textBox.isLeftToRight()+)；|2938338|临时切换textBox验证器，强制验证，恢复原来的验证器：|unordered-list-item|2938339|2938340|originalValidator;+originalValidator+=+textBox.validator；textBox.validator+=+function()+{return+false;}+textBox.validate()；textBox.validator+=+var|2938341|或者同时做这两件事。|2938342|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/phusick/HGBnq/^0|1|8|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|-4|5|6|7|14|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|15|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|16|8|@]|9|@]|C|$]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|L|5|M|7|18|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|19|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

See it in action at <a href="http://jsfiddle.net/phusick/HGBnq/" rel="noreferrer">jsFiddle</a>.

<ol>
<li>Just show tooltip:

<pre><code>var textBox = bijit.byId("validationTextBox");
dijit.showTooltip(
 textBox.get("invalidMessage"), 
 textBox.domNode, 
 textBox.get("tooltipPosition"),
 !textBox.isLeftToRight()
);
</code></pre></li>
<li>Temporarily switch textBox validator, force validation, restore the original validator:

<pre><code>var originalValidator = textBox.validator;
textBox.validator = function() {return false;}
textBox.validate(); 
textBox.validator = originalValidator;
</code></pre></li>
</ol>

Or do both at once.

blocks|key|2938287|text|我认为您可以通过myVTB.displayMessage('this+is+from+back‘)；方法显示工具提示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2938288|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think you can show the tooltip via myVTB.displayMessage('this is coming from back end validation'); method

blocks|key|2938273|text|您需要在validator-method中进行验证。与这里的http://docs.dojocampus.org/dijit/form/ValidationTextBox-tricks一样，您还需要将焦点放在小部件上才能显示消息！dijit.byId("whatever").focus()|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2938274|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.dojocampus.org/dijit/form/ValidationTextBox-tricks^0|U|1Q|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

you need to do the validation in the validator-method. like here <a href="http://docs.dojocampus.org/dijit/form/ValidationTextBox-tricks" rel="nofollow">http://docs.dojocampus.org/dijit/form/ValidationTextBox-tricks</a>
you also need to focus the widget to show up the message! dijit.byId("whatever").focus()

blocks|key|2090279|text|当使用新的dojo时，@arber解决方案是最好的。只需记住在调用"displayMessage“方法之前将焦点设置为TextBox即可。我使用的是dojo+1.10，它按如下方式创建：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2090280|function+showCustomMessage(textBox,+message){
++++textBox.focus();
++++textBox.set("state",+"Error");
++++textBox.displayMessage(message);
}|code-block|syntax|javascript|2090281|ValidationTextBox的Dojo参考guid：https://dojotoolkit.org/reference-guide/1.10/dijit/form/ValidationTextBox.html|offset|length|2090282|entityMap|0|LINK|mutability|MUTABLE|url|https://dojotoolkit.org/reference-guide/1.10/dijit/form/ValidationTextBox.html^0|0|0|T|26|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

@arber solution is the best when using the new dojo. Just remember to set the focus to the TextBox before calling the "displayMessage" method.
I am using dojo 1.10 which works create as follows:

<pre><code>function showCustomMessage(textBox, message){
 textBox.focus();
 textBox.set("state", "Error");
 textBox.displayMessage(message);
}
</code></pre>

Dojo reference guid for ValidationTextBox: <a href="https://dojotoolkit.org/reference-guide/1.10/dijit/form/ValidationTextBox.html" rel="nofollow noreferrer">https://dojotoolkit.org/reference-guide/1.10/dijit/form/ValidationTextBox.html</a>

blocks|key|2090271|text|我知道这个问题很古老，但希望这能帮助到一些人。是的，您应该使用验证器，但如果您有不使用验证器的原因，这将显示消息并使该字段无效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2090272|++++++++function(textbox,+state+/*"Error",+"Incomplete",+""*/,+message)+{
++++++++++++textbox.focus();
++++++++++++textbox.set("state",+state);
++++++++++++textbox.set("message",+message);
++++++++}|code-block|syntax|javascript|2090273|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I know this question is ancient, but hopefully this'll help someone. Yes, you should use validators, but if you have a reason not to, this will display the message and invalidate the field:

<pre><code> function(textbox, state /*"Error", "Incomplete", ""*/, message) {
 textbox.focus();
 textbox.set("state", state);
 textbox.set("message", message);
 }
</code></pre>

blocks|key|2938396|text|您可以直接调用"private“函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2938397|textBox._set('state',+'Error');|offset|length|style|CODE|2938398|你得到了与@phusick建议的相同的结果，但代码更少，而且可以说是以一种更直接、更干净的方式。|2938399|注意：ValidationTextBox可以使用_set，就像它的基类dijit/_WidgetBase中声明的那样。|2938400|现场演示：http://jsfiddle.net/gibbok/kas7aopq/|2938401|dojo.require("dijit.form.Button");
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.Tooltip");

dojo.ready(function()+{

++var+textBox+=+dijit.byId("validationTextBox");

++dojo.connect(dijit.byId("tooltipBtn"),+"onClick",+function()+{

++++dijit.showTooltip(
++++++textBox.get('invalidMessage'),
++++++textBox.domNode,
++++++textBox.get('tooltipPosition'),+!textBox.isLeftToRight()
++++);
++});

++dojo.connect(dijit.byId("validatorBtn"),+"onClick",+function()+{
++++//+call+the+internal+function+which+set+the+widget+as+in+error+state
++++textBox._set('state',+'Error');
++++/*
++++++++code+not+necessary
++++++++var+originalValidator+=+textBox.validator;
++++++++textBox.validator+=+function()+{return+false;}
++++++++textBox.validate();++
++++++++textBox.validator+=+originalValidator;
++++*/
++});

});|code-block|syntax|javascript|2938402|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gibbok/kas7aopq/^0|0|0|V|0|0|3|H|O|4|Z|H|0|5|10|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@$D|16|E|17|F|G]|$D|18|E|19|F|G]|$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1C|8|@]|9|@$D|1D|E|1E|1|1F]]|A|$]]|$1|N|3|O|5|P|7|1G|8|@]|9|@]|A|$Q|R]]|$1|S|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

You can call directly the "private" function:

<code>textBox._set('state', 'Error');</code>

You get the same result as @phusick suggested but with less code and arguably in a more direct and clean way.

Notes:
<code>_set</code> is available to <code>ValidationTextBox</code> as declared on its base class <code>dijit/_WidgetBase</code>.

Live demo:
<a href="http://jsfiddle.net/gibbok/kas7aopq/" rel="nofollow noreferrer">http://jsfiddle.net/gibbok/kas7aopq/</a>

<pre><code>dojo.require("dijit.form.Button");
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.Tooltip");

dojo.ready(function() {

 var textBox = dijit.byId("validationTextBox");

 dojo.connect(dijit.byId("tooltipBtn"), "onClick", function() {

 dijit.showTooltip(
 textBox.get('invalidMessage'),
 textBox.domNode,
 textBox.get('tooltipPosition'), !textBox.isLeftToRight()
 );
 });

 dojo.connect(dijit.byId("validatorBtn"), "onClick", function() {
 // call the internal function which set the widget as in error state
 textBox._set('state', 'Error');
 /*
 code not necessary
 var originalValidator = textBox.validator;
 textBox.validator = function() {return false;}
 textBox.validate(); 
 textBox.validator = originalValidator;
 */
 });

});
</code></pre>

dojo newbie - giving it a shot.
After submitting a form, If an error is returned from the server I would like to show that message on the dijit.form.ValidationTextBox

<pre><code>var user_email = dijit.byId("login_user_email");
user_email.set("invalidMessage", data["result"]["user_email"]);
//need to force show the tooltip but how???
</code></pre>

Any help much appreciated.

dojo - programmatic way to show invalid message

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

道场新手--试一试。提交表单后，如果服务器返回错误，我希望在dijit.form.ValidationTextBox上显示该消息var user_email = dijit.byId("login_user_email");user_email.set("invalidMessage", data["result"]["user_email"]);//need to force show the 

问dojo -以编程方式显示无效消息
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问dojo -以编程方式显示无效消息EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问dojo -以编程方式显示无效消息
EN