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

刪除display：none從您的CSS，（將其移動到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();