我的页面中有多个form
分类div
,我想知道是否有一种方法可以用来不引人注意地测试每个form
的有效性?每个div
类form
都有button
(类ok
),允许用户继续form
{{1} }秒。我想在页面加载时禁用div
以确保从button
收集所有相关数据,并且仅当form
有效时才允许进展。我已经尝试向每个表单元素form
添加一个函数,该函数调用语义change
,但会突出显示每个有效性问题。
这个JSFiddle解释了我的问题:https://jsfiddle.net/annoyingmouse/3z1wfjeL/
点击“名字”字段会自动在表单上显示所有错误 - 我希望错误仅在 a 必填字段模糊而不是使用is valid
显示所有错误。
有人有任何想法吗?
答案 0 :(得分:0)
这不是一个完整的解决方案,但它只朝一个方向迈出了一小步。
使用onInvalid
和onValid
回调而不是您当前正在做的回调。
我要modified your fiddle进行演示。
现在的问题是,例如,当你想要启用next
按钮时,某人的所有内容都有效,直到最后一个元素为止(因为在它变得模糊之前它将无效或无效)
目前,其余部分无法用语义u来解决,因为它没有"无声验证"选项。请参阅此未解决的问题:https://github.com/Semantic-Org/Semantic-UI/issues/703。一种选择是使用另一个库进行静默验证,但这并不理想。你也可以为semantic-ui贡献一个补丁。
如果你有兴趣,我想我已经修补了2.1.8,以便is valid
默默地运行(现在它只是让它摆脱无效提示的问题) )。见the gist。 (它远非完美,如果我有时间提交拉取请求,请搜索silent
,然后您就会找到我的更改)