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

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

这是一个将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 个答案: