1
私は7つの入力要素で角度jを使用してフォームを作成しました。私がsubmitをクリックすると、フォームが必要な最初の空白のフィールドまでスクロールされます。しかし、今は空白のままのフィールドを正しく指していません。これを解決する解決策はありますか?角度jsを使用して最初の空白必須フィールドに自動スクロール
私は7つの入力要素で角度jを使用してフォームを作成しました。私がsubmitをクリックすると、フォームが必要な最初の空白のフィールドまでスクロールされます。しかし、今は空白のままのフィールドを正しく指していません。これを解決する解決策はありますか?角度jsを使用して最初の空白必須フィールドに自動スクロール
フォームを送信する前に、フォームが有効かどうかをチェックし、その要素に集中する.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;
}
};
は少しのコードを投稿することが習慣に見る$ anchorScrollサービスを使用することができますが質問。 –