模态关闭跳转到页面底部

Question

我有一个 ModalPartial。 在页面上，我使用 HTML5 错误，例如输入框的最小、最大长度。

该页面非常大，触发模态弹出窗口的按钮位于底部页面。

<button type="button"
        class="button"
        asp-route-id="@Model.Id"
        asp-route-culture="@culture"
        data-toggle="modal"
        data-target="#MyModal"
        asp-page-handler="Create">
</button>

我找到了如何“滚动”到有错误的输入。

var elements = document.querySelectorAll('input,select,textarea');
var invalidListener = function () { this.scrollIntoView(false); };

for (var i = elements.length; i--;)
    elements[i].addEventListener('invalid', invalidListener);

但是当我隐藏模态时，使用以下代码：

$("#myModal").modal('hide');

页面滚动回显示模态的按钮。 我想防止这种情况。 我尝试了 event.preventDefault() 但它不起作用。

Answer 1

解决方案是：

当我检查 javascript 中的 html 错误时，我也从代码中关闭了模态，然后不会跳转到底部页面。