Позиция ошибки проверки jQuery

В индикаторе ошибки jQuery из jQuery.validate показано рядом с полем ввода, и если это сообщение показывает, что наш макет разбился.

Мне нужно решение на основе потока "div" с z-index и сообщение об ошибке на странице и возле поля ввода.

Спасибо

Ответы

Ответ 1

Посмотрите на errorClass, errorElement, wrapper и errorLabelContainer options, чтобы узнать, как изменить способ отображения сообщения об ошибке. Скорее всего, вам просто нужно предоставить класс ошибок, который имеет собственный CSS, чтобы увеличить z-индекс сообщения об ошибке. Если это не работает, плагин проверки имеет обратный вызов errorPlacement, который вы можете использовать для размещения сообщения об ошибке, где и как вы хотите.

Ответ 2

Пример:

$(document).ready(function(){
        $("#page1Form").validate({
            rules: {
                "field1": {
                    required: true,
                    digits: true
                },
                "field2": {
                    required: true
                }
            },
            errorElement: "div" // This is to override the label w/ a div
        });                     
    });

CSS

div.error {
 /* Your CSS Code Here */

}

Вам понадобится стиль div.

Пожалуйста, верните назад стиль div, поскольку я тоже хочу это сделать, но мой CSS-навык все еще отсутствует = P