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

Я бы хотел показать div с классом 'ok'.

Это div

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

и это css

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

Answer 1

.ok { color: green; }

Удалить отображение: ничего из вашего css (переместите его в атрибут стиля DIV, чтобы вы могли переключать его с помощью jQuery)

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

Тогда сделайте ваш метод успеха:

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

Я не очень хорошо знаю метод validate (), поэтому я не уверен, на что ссылается $ (this) внутри метода success, поэтому я использовал селектор идентификаторов. См. Документацию для show .

Answer 2

если я правильно понимаю, вы очень близки!

просто дайте вашему div идентификатору:

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

, затем в вашем подтверждении вместо этого выберите ваш div по id:

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