javascript - jQuery 表单验证，显示成功信息

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");
                }
            });

我想显示一个类为“ok”的div。

这是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) 在 success 方法中指的是什么，所以我使用了 ID 选择器。请参阅 show 的文档.