в jQuery по умолчанию переопределить сообщение об ошибке проверки дисплея (CSS) всплывающее/подсказка как

Я использую jQuery BeautyTips для достижения эффекта маленького пузыря, о котором вы говорите. Я не использую плагин проверки, поэтому я не могу сильно помочь там, но очень легко стилизовать и показать BeautyTips. Вы должны разобраться в этом. Боюсь, это не так просто, как просто правила CSS, так как вам нужно использовать элемент canvas и включить дополнительный файл javascript для IE, чтобы играть с ним хорошо.

несколько вещей:

   Age: (*) 12 - 18 | () 19 - 30 | 31 - 50 

скорее всего, будет изменен на правильный ответ, поскольку человек не хочет, чтобы он переходил к умолчанию. Если они видят его пустым, они, скорее всего, подумают "не ваше дело" и пропустят оно.

во-вторых, я смог получить эффект, который я думаю, что вы хотите без каких-либо свойств позиционирования. Вы просто добавляете padding-right в форму (или div формы, что угодно), чтобы обеспечить достаточное пространство для вашей ошибки и убедиться, что ваша ошибка будет соответствовать этой области. Затем у вас есть предварительно настроенный класс css под названием "error" , и вы устанавливаете его как имеющий отрицательное поле-верх примерно по высоте вашего поля ввода и поле-слева от расстояния слева до того места, где ваше заполнение-справа должны начать. Я попробовал это, это не здорово, но он работает с тремя свойствами и не требует поплавков или абсолютов:

   <style type="text/css">
    .error {
        width: 13em; /* Ensures that the div won't exceed right padding of form */
        margin-top: -1.5em;  /*Moves the div up to the same level as input */
        margin-left: 11em;   /*Moves div to the right */
        font-size: .9em;     /*Makes sure that the error div is smaller than input */
    }

   <form>
   <label for="name">Name:</label><input id="name" type="textbox" />
   <div class="error"><<< This field is required!</div>
   <label for="numb">Phone:</label><input id="numb" type="textbox" />
   <div class="error"><<< This field is required!</div>
   </form>

к сожалению, я не могу комментировать с моей репутацией новичка, но у меня есть решение для проблемы пустого экрана, или, по крайней мере, это то, что сработало для меня. Вместо того, чтобы устанавливать класс оболочки внутри функции errorPlacement, установите его сразу же, когда вы устанавливаете тип оболочки.

$('#myForm').validate({
    errorElement: "div",
    wrapper: "div class=\"message\"",
    errorPlacement: function(error, element) {
        offset = element.offset();
        error.insertBefore(element);
        //error.addClass('message');  // add a class to the wrapper
        error.css('position', 'absolute');
        error.css('left', offset.left + element.outerWidth() + 5);
        error.css('top', offset.top - 3);
    }

});

Я предполагаю, что это позволяет оценщику знать, какие элементы div, чтобы удалить, а не все из них. Работал на меня, но я не такой совсем уверен, почему, так что если кто-то может пояснить, что может помочь другим тонну.

этот ответ действительно помог мне, в моем случае мне пришлось отфильтровать некоторые элементы и иметь специальную настройку на их ошибку div,

errorPlacement:function(error,element) {
    if (element.attr("id") == "special_element") {
        // special align
    } else { // default error scheme
        error.insertAfter(element);
    }
}

добавить следующий css к вашему .проверьте метод, чтобы изменить css или функциональность

 errorElement: "div",
    wrapper: "div",
    errorPlacement: function(error, element) {
        offset = element.offset();
        error.insertAfter(element)
        error.css('color','red');
    }

Если бы вы могли предоставить какую-то причину, почему вам нужно заменить метку на div, это, безусловно, поможет...

кроме того, не могли бы вы вставить образец, который был бы полезен ( http://dpaste.com/ или http://pastebin.com/)