jquery validator 사용하다보면 특정 엘리먼트 하나에 대한 유효성을 체크하는 경우가 있다.

var validator = $requestForm.validate(options);

이와 같이 엘리먼트 하나를 수동으로 확인하다보면 해당 엘리먼트가 유효하지 않았을 경우 focus가 이동하지 않는 경우가 있다. 이 때 사용할 수 있는 fuction이 focusInvalid()이다.

var validator = $requestForm.validate(options);
if (!$requestForm.valid()) {
	validator.showErrors();
	validator.focusInvalid();
	return false;
}

위와 같이 focusInvalid()를 호출하면 유효하지 않은 element에 focus가 이동한다.