Question

我在ASP.NET网络表单中有太多字段（主要是asp：dropdownlist，asp：TextBox等）。填充数据后，在屏幕底部，有一个保存按钮。当我单击“保存”按钮（ASP.NET控件的asp：Button）时，如何将控件带到缺少输入的必填字段（显示红色消息，但是用户可能不知道要向上滚动并填写必要的信息）。有什么方法可以使我专注于必填字段而无需将页面提交到后台代码？感谢帮助。

问题在于失去必填字段的可见性，用户一次又一次地点击保存按钮而没有成功（他们可能不知道要向上滚动并检查红色的必填字段）。 / p>

onmouseover="drop()"

如此多的字段之后，当我向下滚动时，我在按钮的末尾没有办法让用户知道屏幕顶部是否有必填字段。

单击“保存”后，应将控件带回到必填字段。或任何可在浏览器级别处理的想法。

Answer 1

您可以尝试以下脚本。它将焦点设置为无效的控件。您可能需要根据需要进行调整。您还可以使用它为无效元素添加额外的CSS类。

<script>
    $(document).ready(function () {
        ValidatorUpdateIsValid = function () {
            Page_IsValid = AllValidatorsValid(Page_Validators);

            for (i = 0; i < Page_Validators.length; i++) {
                inputControl = document.getElementById(Page_Validators[i].controltovalidate);
                if (null != inputControl && !Page_Validators[i].isvalid) {
                    inputControl.focus();
                }
            }
        }
    });
</script>

asp：RequiredFieldValidator的位置和可见性，向下滚动以保存按钮

1 个答案: