javascript - 使用angular js自动滚动到第一个空白必填字段

我已经使用angular js创建了一个带有大约7个输入元素的表单。当我单击提交时，我希望表格滚动到所需的第一个空白字段。但是现在它不能正确指向空白的字段。有解决方案吗？

Check the error here.

最佳答案

在提交表单之前，您可以检查表单是否有效，并使用.focus()专注于该元素。

$scope.onSubmit = function(yourForm) {
  if (!yourForm.$valid) {
    angular.element("[name='" + yourForm.$name + "']").find('.ng-invalid:visible:first').focus();
    return false;
  }
};

方法2-您也可以使用$ anchorScroll服务

请参阅文档here

$scope.onSubmit = function(yourForm) {
  if (!yourForm.$valid) {
    var id = angular.element("[name='" + yourForm.$name + "']").find('.ng-invalid:visible:first').data('id');
    $location.hash(id);
    $anchorScroll();
    return false;
  }
};