Question

从version 2.2开始，表单验证支持依赖字段。但是，当我尝试在我的项目中实现它时，似乎完全忽略了depends选项：

// HTML
<form class="ui form segment">
  <input type="checkbox" name="is_volunteer" id="is_volunteer" />
  <input type="text" name="volunteer_name" id="volunteer_name" />
</form>

// JS
$('form').form({
  inline: true,
  fields: {
    name: {
      identifier: 'volunteer_name',
      depends: 'is_volunteer',
      rules: [{ type: 'empty' }]
    }
  }
})

它与显示的演示基本相同。但是，无论是否选中该复选框，name文本字段始终都会得到验证。

当然，我也尝试使用适当的语义标记，但结果相同。

我还检查过我是否真的使用2.2版，而且我...我也没有得到调试错误或其他任何内容。

Answer 1

尝试包含prompt参数。

规则将变为：

rules: [{
   type: 'empty',
   prompt: 'Your validation message'
}]

Answer 2

我相信演示版正在运行。

正如他们的docs州：

表单字段验证现在可以指定depends属性，仅导致仅在选择其他字段（如复选框或输入）时才会进行验证。

因此，如果复选框已选中，则验证将发生在文本框中，如果为空则显示错误（这是实施的规则）。

如果复选框未选中，验证将不会出现在文本框中，这意味着无错误将显示，即使文本框是空白的。

此功能正如演示中所述，因此我认为您的代码也应该正常运行。如果有什么我可能会被误解，请纠正我！

语义UI表单验证“依赖”选项无效

2 个答案: