gpt4 book ai didi

javascript - 如何在 dijit.form.Form 上突出显示所有无效的 dijit.form.ValidationTextBoxes?

转载 作者:搜寻专家 更新时间:2023-11-01 04:55:43 27 4
gpt4 key购买 nike

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

我正在有效地寻找这样的东西:

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");
});

但我不想深入挖掘,我想做的就是触发与您从空的必填字段(感叹号图标和适当的无效/空消息)跳出时触发的相同类型的操作。也许我应该尝试触发跳出事件?

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

最佳答案

是的,您是对的 - 您只需调用 dijit.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>">

这是一个声明式示例。 (我在下面的初始回复中拼错了它。)

关于javascript - 如何在 dijit.form.Form 上突出显示所有无效的 dijit.form.ValidationTextBoxes?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3796683/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com