Question

以下jQuery工作得非常好，现在我正在尝试显示成功消息，但我无法让它工作。这是我的尝试。

            jQuery("#name").validate({
                expression: "if (VAL.length > 5 && VAL)  return true; else return false;",
                message: "Please enter more than 5 characters",
                success: function() {
                $(this).toggleClass("ok");
                }
            });

我想在课程中显示div＆＃39; ok＆＃39;。

这是div

<div class="ok"> OK! </div>

这是css

.ok { display: none; color: green; }

Answer 1

.ok { color: green; }

从css中删除display：none，（将其移动到DIV的样式属性，以便您可以使用jQuery进行切换）

<div id="successMessage" style="display:none;" > OK! </div>

然后制定成功方法：

success: function() {
     $('#successMessage').show();
}

我不太了解validate（）方法，所以我不确定$（this）是指成功方法的内部，所以我使用了ID选择器。请参阅show的文档。

Answer 2

如果我理解正确，你非常接近！

给你的div一个id：

<div id="successMessage" class="ok"> OK! </div>

然后在您的验证中而不是使用它，请按ID选择您的div：

$("#successMessage").show();

jQuery表单验证，显示成功消息

2 个答案: