如何在dijit.form.Form上突出显示所有无效的dijit.form.ValidationTextBox？

Question

我所追求的是一个表单，在提交时，运行验证检查，并突出显示所有无效字段并添加工具提示。

我正在寻找像这样的东西：

dojo.forEach(dijit.byId('myForm')._invalidWidgets, function (thisWidget,index,array) {
    thisWidget.displayMessage("normal invalid/empty message should go here, seems I should be calling something higher level than this");
});

但是我不想深入挖掘，我想要做的就是触发当你从一个空的必填字段（感叹号图标和相应的无效/空消息）中跳出时触发的同类事物。 也许我应该尝试解雇标签事件？

有人能指出我正确的方向吗？

Answer 1

是的，你是对的 - 你可以通过调用dijit.form.Form元素上的validate()函数来获得所有验证，突出显示，甚至专注于第一个无效字段。

这是一个将validate（）调用添加到onSubmit事件的示例：

<head>
    <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dojo.form.Form");
        dojo.require("dojo.form.ValidationTextBox");
        dojo.require("dojo.form.Button");
        // more includes here...
    </script>
</head>
<body>
    <form dojoType="dijit.form.Form" action="..." method="...">
        <input dojoType="dijit.form.ValidationTextBox" trim="true" regExp="..." invalidMessage="Oops...">
        <!-- // more form elemts here... -->
        <button type="submit" dojoType="dijit.form.Button" ...>
            Submit
        </button>
        <script type="dojo/method" event="onSubmit">
            if (!this.validate()) {
                alert("Form contains invalid data.  Please correct....");
                return false;
            }
            return true;
        <script>
    </form>
</body>

希望，你觉得它很有帮助。

干杯。

后续：这是一个输入字段的示例，可用于帮助提示用户关于预期的数据类型，并在验证失败时提醒他们：

<input type="text" id="EXT" name="EXT" value=""
    maxLength="10"
    dojoType="dijit.form.ValidationTextBox"
    regExp="\d+?"
    trim="true"
    promptMessage="<p class='help'>Please your extension. (i.e. "1234")</p>"
    invalidMessage="<p class='help'>The extension field should contain only numbers.</p>">

这是一个声明性的例子。 （我在下面的初步回复中拼错了。）

Answer 2

在irc.freenode.net的#dojo中的jthomas_回答了我的问题。 事实证明，我想使用dijit.byId('myForm').validate()可以一举完成我想要的一切。 谢谢，jthomas_！

如何在dijit.form.Form上突出显示所有无效的dijit.form.ValidationTextBox？

问题描述

2 个解决方案

解决方案1
9 已采纳 2010-09-27 23:37:26

解决方案2
3 2010-09-27 09:45:12

如何在dijit.form.Form上突出显示所有无效的dijit.form.ValidationTextBox？

问题描述

2 个解决方案

解决方案1 9 已采纳 2010-09-27 23:37:26

解决方案2 3 2010-09-27 09:45:12

解决方案1
9 已采纳 2010-09-27 23:37:26

解决方案2
3 2010-09-27 09:45:12