Javascript Jquery表单验证程序工具提示样式消失

使用jqueryformvalidation插件，我能够获得一个样式化的工具提示（），在没有任何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>

1.
2.
3.

在使用这个脚本时，我可以通过取消注释e.preventDefault（）来获得工具提示；线路

否则，它将在输入框旁边提供未设置样式的错误。我无法确定是否应用了意外的CSS，因为Firebug不会选择弹出窗口。有人能解释一下是什么原因导致这个提示不流行吗？或者，有人能解释一下如何创建默认提示吗？

您在代码中使用了“required”属性，该属性适用于基于HTML5的浏览器。它与您正在使用的插件无关。检查页面中的文档类型，并将其更改为使其正常工作

---

虽然如果您计划跨浏览器支持它，您必须编写自己的代码来显示工具提示。

我正在使用HTML5 DocType reference（），并且在同一浏览器（Firefox 27）上成功（和失败）了。请尝试在所有无线电元素上使用required