如何将验证消息范围包装在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();
            }
        });
    });