角度jsを使用して最初の空白必須フィールドに自動スクロール

Question

私は7つの入力要素で角度jを使用してフォームを作成しました。私がsubmitをクリックすると、フォームが必要な最初の空白のフィールドまでスクロールされます。しかし、今は空白のままのフィールドを正しく指していません。これを解決する解決策はありますか？

Check the error here.

Answer 1

フォームを送信する前に、フォームが有効かどうかをチェックし、その要素に集中する.focus()を使用することができます。

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

方法＃2 - あなたはまた、

は、我々はあなたに答えるために、それを変更できるように、ドキュメント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; 
    } 
};