jquery 如何关注必填或无效字段？

jei2mxaa 于 2022-11-22 发布在 jQuery

关注(0)|答案(3)|浏览(90)

我有一个很长的表单，在某些情况下，用户可能会错过一些必填字段。如果他们一直滚动到Save按钮并单击发送表单数据，他们不会看到错误消息。我想知道是否有一种方法可以触发on focus方法，将用户带到表单中的第一个字段required或invalid。下面是我的表单示例：
第一个
您可以运行此示例，并在表单中输入除Building Name之外的所有信息，然后单击“保存”按钮。I don“我看不到顶部的错误信息。如果有人对如何处理这个问题有建议，请让我知道。我打开听听这种情况下不同的解决方案。

jquery

来源：https://stackoverflow.com/questions/57693937/how-to-focus-on-required-or-invalid-field

3条答案

按热度按时间

xfyts7mz1#

DOMAPI对那些可以完成您所寻找的任务的元素有一个“聚焦”功能。
将所有有效的元素推入一个invalidInputs数组，然后选择第一个无效的元素并对该元素调用.focus（）。
第一个

赞(0）回复(0）举报 2022-11-22

ut6juiuv2#

你可以尝试一些简单的方法（未经测试，但应该可以）：

document.getElementsByClassName('is-invalid')[0].scrollIntoView({ behavior: 'smooth' });

这将查找错误类is-invalid，然后平滑滚动到找到的第一个错误类
如果发现错误，请在验证后添加此代码。

赞(0）回复(0）举报 2022-11-22

lhcgjxsq3#

在按钮上，您需要使用如下函数绑定事件：

function submitForm(event) {
 for (var i = 0; i < event.elements.length; i++) {
                if (event.elements[i].required) {
                    if (event.elements[i].value == "") {
                        event.elements[i].focus();
                        break;
                    }
                }
          }
}

我希望这能帮上忙~Rdaksh

赞(0）回复(0）举报 2022-11-22

我来回答

jquery 如何关注必填或无效字段？

3条答案

相关问题

热门标签

最新问答