Question

使用jQuery Form Validation插件，我可以在没有任何CSS的情况下显示样式化的工具提示（JSFiddle）。但是，当我将这个确切的脚本输入到我的页面时，它就会消失。

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不会选择弹出窗口。有人可以解释是什么导致这个提示不合适吗？或者，有人可以解释如何创建小提琴上的默认提示吗？

Answer 1

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

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

Jquery表单验证器工具提示样式消失

1 个答案: