模式关闭跳转到页面底部

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.prventDefault((，但它不起作用。

Answer 1

解决方案是：

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