如何使用jQuery验证无效字段？

Question

有focusInvalid选项,true默认情况下.但它只在表单提交发生时才有效.如果我使用valid方法验证表单,那么它不起作用.那么问题是如何在valid使用时关注无效字段？

请参阅此演示以了解其中的差异.只需按下那里的按钮.

Answer 1

随着invalidHandler您可以将焦点设置到失败的第一个元素:

$("#form").validate({
    onfocusout: false,
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {                    
            validator.errorList[0].element.focus();
        }
    } 
});

Answer 2

首先,您需要将验证器保存到变量中,以便在单击处理程序中使用它:

var validator = $("#test-form").validate({ /* settings */ });

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

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

        return false;
  });

例