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

autoscroll to first blank required field using angular js

本文关键字：空白 第一个 字段 滚动 angular js 使用      更新时间：2023-09-26

我使用angular js创建了一个表单，其中包含大约7个输入元素。当我点击提交时，我希望表单滚动到第一个空白字段，这是必需的。但现在它没有正确地指向空白的字段。有什么解决方案吗？

请在此处检查错误。

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

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

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

请参阅此处的文档

$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;
  }
};
相关文章：