Question

我使用Wordpress插件Gravity表单。

现在我想添加一些＆＃39; live-validation＆＃39;。（当字段中有值时，提交按钮会改变颜色。）

我使用这个脚本，在创建基本表单时工作正常。

<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>

但是当我尝试在Gravity表单上使用脚本时，它什么都没做？

所以这是我的榜样： http://goo.gl/a4m0Kv

正如您所看到的，底部有一个小表单，带有提交按钮。填充输入后，提交按钮变为绿色。

Gravity表格也应该这样，但由于某些原因它不起作用？

希望有人可以提供帮助：）

Answer 1

您的选择器不会返回您正在谈论的输入。

'.gform_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_fields .medium'，然后返回5个字段。

<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">

选择器'.gform_button'返回两个按钮，这就是为什么两个按钮都变为绿色。

您应该编辑选择器以使它们返回适当的元素。

为什么我的jquery不能在引力形式下工作？

1 个答案: