Javascript 使用jQuery在有效数据上显示提交按钮

一旦在

输入

中有有效文本，我需要显示

.nexto

按钮。每个字段都有自己的按钮，所以当我得到一个有效的输入值时，与字段关联的按钮应该显示，而其他输入字段的按钮应该隐藏。多谢各位

var required=$（'input[required]'）；
必需。开启（'keyup'，功能（事件）{
如果（this.value！==“”）{
$（this）。$（'.nexto'）.show（）；
}否则{
$（this）。$（'.nexto'）.hide（）；
}
})

1→；你叫什么名字*

|
2→；你姓什么*

|

您找到

.nexto

元素的方式是错误的。从事件处理程序中的

这个
对象中，找到最近的
.typeform元素
，然后找到
.nexto
子元素

您还需要在开始时隐藏所有的
.nexto


$（'.nexto'）.hide（）
所需变量=$（“输入[所需]”）；
必需。开启（'keyup'，功能（事件）{
var nexto=$（this）.closest（'.typeform元素'）。find（'.nexto'））
如果（this.value！==“”）{
nexto.show（）；
}否则{
nexto.hide（）；
}
})

1→；你叫什么名字*

|
2→；你姓什么*

|
要实现这一点，您需要使用jQuery的DOM遍历方法来查找与引发事件的
输入相关的
.nexto

因此，您可以结合使用
closest（）
、
next（）
和
find（）
。还要注意，默认情况下，您应该使用CSS隐藏这些元素。此外，我建议使用
input
事件而不是
keyup
，因为它也适用于鼠标触发的粘贴事件。试试这个：


var$required=$（'input[required]'）；
$required.on（'input'，函数（event）{
$（this）.closest（'.input元素'）。next（'.ok btn'）。find（'.nexto'）。toggle（this.value！=“”）；
})
.ok btn.nexto{display:none；}

1→；你叫什么名字*

|
2→；你姓什么*

|