Стили всплывающей подсказки валидатора формы Jquery исчезают

0

Используя плагин Validation Form Validation, я могу получить стилизованную всплывающую подсказку (JSFiddle), чтобы появиться без CSS. Однако, когда я ввожу этот точный скрипт на свою страницу, он исчезает.

JS:

$(function () {
   $('#ajaxform').validate({ // initialize the plugin
   //   e.preventDefault();
        submitHandler: function (form) {
            //ajax do stuff

            setTimeout(function () {
                $('#messageResponse').fadeOut(500)
            }, 5000);

            // resets fields
            $('#ajaxform')[0].reset();
            //alert('form submitted via ajax');
            return false; // blocks redirect after submission via ajax
        }
    });
});

Форма:

<form name="ajaxform" id="ajaxform" method="post" action="ajax.php">
<input name="type" type="radio" value="1" required="">1</input>
<input type="radio" name="type" value="2">2</input>
<input name="type" type="radio" value="3">3</input>
<input name="submit" type="submit" id="submit" value="Submit"></input>
</form>

Во время игры с этим скриптом я могу получить всплывающую подсказку, раскомментируя e.preventDefault(); линия.

В противном случае он будет содержать нефиксированную ошибку рядом с полем ввода. Я не могу понять, есть ли у меня непреднамеренный CSS, потому что Firebug не будет выбирать всплывающее окно. Может ли кто-нибудь объяснить, что заставляет этот наконечник нестираться? В качестве альтернативы, может кто-нибудь объяснить, как создать совет по умолчанию, который на скрипке?

Теги:
validation

1 ответ

1

Вы используете "обязательный" атрибут в своем коде, который работает с браузерами на основе HTML5. Это не имеет никакого отношения к плагину, который вы используете. Проверьте тип DOC на своей странице и измените его, чтобы он работал.

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

  • 0
    Я использую ссылку на HTML5 DocType (<! DOCTYPE HTML>) и имею успех (и неудачу) того же браузера (Firefox 27).
  • 0
    попробуйте использовать обязательные для всех радиоэлементов

Ещё вопросы

Сообщество Overcoder
Наверх
Меню