语义 UI - 不显眼地测试表单有效性
Semantic UI - unobtrusively test form validity
我的页面中有多个 form classed div，我想知道是否有一种方法可以用来不引人注意地测试每个的有效性form？每个 div 和 form 的 class 都有一个 button（ok 的 class），它允许用户继续通过 form divs。我想在页面加载时禁用 button 以确保从 form 收集所有相关数据，并且仅当 form 有效时才允许进展。我已经尝试向每个表单元素 change 添加一个函数，它调用语义的 is valid 但这突出了每一个有效性问题。
这个 JSFiddle 说明了我的问题：https://jsfiddle.net/annoyingmouse/3z1wfjeL/
当点击名字字段时，它会自动在表单上显示 all 错误 - 我希望错误仅在 a[=37= 时显示] 由于使用 is valid.
进行测试，必填字段已被模糊而不是显示所有错误
有人有什么想法吗？
这不是一个完整的解决方案，但它是朝着完整解决方案迈出的一小步。
使用 onInvalid 和 onValid 回调，而不是您当前正在做的事情。
我已经 modified your fiddle 进行演示。
现在的问题是，例如，当您想要启用 next 按钮时，如果有人在最后一个元素之前的所有内容都有效（因为在它变得模糊之前它不会有效或无效）。
现在，剩下的问题无法用 semantic-ui 解决，因为它没有 "silent validate" 选项。请参阅此未解决的问题：https://github.com/Semantic-Org/Semantic-UI/issues/703。一种选择是使用另一个库来进行静默验证，但这并不理想。不过，您也可以为 semantic-ui 贡献一个补丁。
如果您有兴趣，我想我已经修补了 2.1.8，以便 is valid 静默运行（现在只需让它摆脱无效提示）。参见 the gist。 （它远非完美，如果我有时间我会提交一个拉取请求，搜索 silent 你会找到我的更改）
我的页面中有多个 form classed div，我想知道是否有一种方法可以用来不引人注意地测试每个的有效性form？每个 div 和 form 的 class 都有一个 button（ok 的 class），它允许用户继续通过 form divs。我想在页面加载时禁用 button 以确保从 form 收集所有相关数据，并且仅当 form 有效时才允许进展。我已经尝试向每个表单元素 change 添加一个函数，它调用语义的 is valid 但这突出了每一个有效性问题。
这个 JSFiddle 说明了我的问题：https://jsfiddle.net/annoyingmouse/3z1wfjeL/
当点击名字字段时，它会自动在表单上显示 all 错误 - 我希望错误仅在 a[=37= 时显示] 由于使用 is valid.
有人有什么想法吗？
这不是一个完整的解决方案，但它是朝着完整解决方案迈出的一小步。
使用 onInvalid 和 onValid 回调，而不是您当前正在做的事情。
我已经 modified your fiddle 进行演示。
现在的问题是，例如，当您想要启用 next 按钮时，如果有人在最后一个元素之前的所有内容都有效（因为在它变得模糊之前它不会有效或无效）。
现在，剩下的问题无法用 semantic-ui 解决，因为它没有 "silent validate" 选项。请参阅此未解决的问题：https://github.com/Semantic-Org/Semantic-UI/issues/703。一种选择是使用另一个库来进行静默验证，但这并不理想。不过，您也可以为 semantic-ui 贡献一个补丁。
如果您有兴趣，我想我已经修补了 2.1.8，以便 is valid 静默运行（现在只需让它摆脱无效提示）。参见 the gist。 （它远非完美，如果我有时间我会提交一个拉取请求，搜索 silent 你会找到我的更改）