javascript - 自定义 dojo 验证样式

Question

我正在使用验证文本框，这似乎工作正常 - 但我想在字段下方显示一条消息，在文本框上显示 2px 红色边框，而不是带有感叹号的正方形，右侧带有感叹号的红色圆盘 --- 如何我可以解决这个问题吗？

我在想这是一个自定义小部件或一系列自定义小部件，因为我需要类似的功能/显示来选择从 [日期] 到 [日期] 的字段和日期范围

我只使用了大约一周的dojo，所以请耐心等待。

Answer 1

使用 CSS 重新设置样式。作为示例，${theme} = nihilo

<style>
.nihilo .dijitValidationIcon {
   background-image: url(...)
}
nihilo .dijitError {
  border-color: red;
  border-width: 2px;
}
.nihilo .dijitErrorFocused {

}
</style>

要使用 invalidMessage 重新定位工具提示，您需要在 ValidationTextBox 的构造函数中执行此操作。

要设置的属性是tooltipPosition。如果下面没有空间，则将测试下一个位置数组是否有足够的空间，然后再测试下一个等。

new dijit.form.ValidationTextBox({
  ...
  tooltipPosition: ['below', 'right', 'above', 'left']
})