jquery - form.valid() 不应显示验证文本？

Question

使用 Jquery.validate required 字段显示字段上的弹出验证(如下图所示)

我喜欢这个并且工作正常。

但是我检查 !form.valid() 条件 Popup 消失并且正常验证文本正在显示(如下图所示)

java脚本函数

   <script  type="text/javascript" >

    var form = $("#form1");
    $('#<%=imgLogin.ClientID%>').click(function (e) {
        if (!form.valid()) {
            e.preventDefault();
        } else {
            <%=Page.ClientScript.GetPostBackEventReference(btnLogin, "")%>
        }
    });
</script>

如何仅在检查表单验证时返回弹出窗口。

Answer 1

这些弹出窗口与 jQuery 验证插件完全无关。这是由 HTML5 验证属性触发的 HTML5 验证。通常，jQuery Validate 插件会禁用 HTML5 验证。如果您看到弹出窗口，则意味着您未能正确初始化 jQuery Validate 插件。

如果您只想看到 HTML5 验证弹出窗口(视觉样式和支持取决于浏览器版本)，那么您不能使用 jQuery Validate 插件。

或者，如果您想在工具提示中显示来自 jQuery Validate 的消息，则必须正确集成您自己的工具提示混合物或插件，例如 Tooltipster 或 qTip2。