Как обернуть область сообщения проверки в div и визуализировать контейнер на основе проверки?

Question

Как обернуть область сообщения проверки в div и визуализировать контейнер на основе проверки.

   <div id="name_validationMessage"
         class="k-widget k-tooltip k-tooltip-validation field-validation-error"
         style="margin: 0.5em;" role='alert'>
        <span class='k-icon k-warning'></span>
        @Html.ValidationMessageFor(m => m.Name)
        <div class='k-callout k-callout-n'></div>
    </div>

---

В приведенном выше HTML: div в первую очередь отображается как пустой с цветом фонано я хочу связать его с видимостью сообщения валидации.

Answer 1

отметьте name_validationMessage в форме отправки события.если у него есть диапазон с классом field-validation-error, покажите name_validationMessage.

    $(document).ready(function () {
        var name_validationMessage = $('#name_validationMessage');
        $('form').submit(function () {
            if (name_validationMessage.find('.field-validation-error').get().length > 0) {
                name_validationMessage.show();
            }
            else {
                name_validationMessage.hide();
            }
        });
    });