语义UI - 不引人注意地测试表单有效性

时间:2016-01-21 07:42:29

标签: jquery semantic-ui

我的页面中有多个form分类div,我想知道是否有一种方法可以用来不引人注意地测试每个form的有效性?每个divform都有button(类ok),允许用户继续form {{1} }秒。我想在页面加载时禁用div以确保从button收集所有相关数据,并且仅当form有效时才允许进展。我已经尝试向每个表单元素form添加一个函数,该函数调用语义change,但会突出显示每个有效性问题。

这个JSFiddle解释了我的问题:https://jsfiddle.net/annoyingmouse/3z1wfjeL/

点击“名字”字段会自动在表单上显示所有错误 - 我希望错误仅在 a 必填字段模糊而不是使用is valid显示所有错误。

有人有任何想法吗?

1 个答案:

答案 0 :(得分:0)

这不是一个完整的解决方案,但它只朝一个方向迈出了一小步。

使用onInvalidonValid回调而不是您当前正在做的回调。

我要modified your fiddle进行演示。

现在的问题是,例如,当你想要启用next按钮时,某人的所有内容都有效,直到最后一个元素为止(因为在它变得模糊之前它将无效或无效)

目前,其余部分无法用语义u来解决,因为它没有"无声验证"选项。请参阅此未解决的问题:https://github.com/Semantic-Org/Semantic-UI/issues/703。一种选择是使用另一个库进行静默验证,但这并不理想。你也可以为semantic-ui贡献一个补丁。

如果你有兴趣,我想我已经修补了2.1.8,以便is valid默默地运行(现在它只是让它摆脱无效提示的问题) )。见the gist。 (它远非完美,如果我有时间提交拉取请求,请搜索silent,然后您就会找到我的更改)