Используя плагин 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 не будет выбирать всплывающее окно. Может ли кто-нибудь объяснить, что заставляет этот наконечник нестираться? В качестве альтернативы, может кто-нибудь объяснить, как создать совет по умолчанию, который на скрипке?
Вы используете "обязательный" атрибут в своем коде, который работает с браузерами на основе HTML5. Это не имеет никакого отношения к плагину, который вы используете. Проверьте тип DOC на своей странице и измените его, чтобы он работал.
Хотя, если вы планируете поддерживать этот кросс-браузер, вам придется написать свой собственный код, чтобы показать всплывающую подсказку.