如何聚焦无效字段与jQuery验证?

前端之家收集整理的这篇文章主要介绍了如何聚焦无效字段与jQuery验证?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
focusInvalid选项,默认情况下为true。但它只有当表单提交发生时才起作用。如果我用 valid方法验证表单,那么它不工作。所以问题是如何聚焦无效字段时使用有效的?

请参阅this demo查看差异。只需按下那里的按钮。

解决方法

首先,您需要将您的验证器保存到一个变量,以便您可以在点击处理程序中使用它:
var validator = $("#test-form").validate({ /* settings */ });

然后在validate处理程序中,您可以从validator变量手动调用focusInvalid函数

$("#validate").click(function() {
        if ($("#test-form").valid()) 
              alert("Valid!");
        else
              validator.focusInvalid();

        return false;
  });

Example

原文链接:https://www.f2er.com/jquery/184810.html

猜你在找的jQuery相关文章