为什么'；我的jquery不能以重力形式工作吗？

我使用Wordpress插件

现在我想添加一些“实时验证”。（当字段中有值时，“提交”按钮会更改颜色。）

我使用这个脚本，当我创建一个基本表单时，它工作得很好

<script type="text/javascript">
$(window).load(function(){
(function() {
    $('.gform_fields  > .medium').keyup(function() {

        var empty = false;
        $('.gform_fields > .medium').each(function() {
            if ($(this).val() == '') {
                empty = true;
            }
        });

        if (empty) {
            $('.gform_button').css("","");
        } else {
            $('.gform_button').css("background-color","green");
        }
    });
})()
});  

</script>

$（窗口）。加载（函数（）{
（功能（）{
$（'.gform_fields>.medium'）.keyup（函数（）{
var empty=false；
$（'.gform_fields>.medium'）。每个（函数（）{
if（$（this.val（）=''）{
空=真；
}
});
if（空）{
$（'.gform_button'）.css（“，”）；
}否则{
$（'.gform_button'）.css（“背景色”、“绿色”）；
}
});
})()
});  

但是当我尝试在重力表上使用脚本时，它什么都不起作用

下面是我的例子：

如您所见，底部有一个小表单，带有提交按钮。 输入填充后，“提交”按钮变为绿色

同样的情况也应该发生在重力形式上，但出于某种原因它不起作用

---

希望有人能帮忙：）

您的选择器没有返回您正在谈论的输入

'.gform\u fields>.medium'

返回

<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​

选择器

“.gform_按钮”

返回两个按钮，这就是两个按钮都变为绿色的原因

---

您应该编辑选择器，使其返回正确的元素。

您必须提供一个复制您的问题的最低限度的示例

<input name=​"input_1" id=​"input_2_1" type=​"text" value class=​"medium" tabindex=​"1">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​
<input type=​"text" id=​"email" class=​"medium" name=​"email">​