第一个元素将显示错误消息以继续聚焦。Javascript

第一个元素将显示错误消息以继续聚焦。Javascript,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有一些输入字段的表单: Folder Name: <input type="text" id="folderName" name="folderName" data-bind = "value: FolderName" /> Prefix: <input id="prefix" name="prefix" data-bind = "value: Prefix" /> 提交带有空字段的表单时,两个输入都会显示错误消息。我想要完成的是第一个元素,其中包含要聚焦的

我有一个带有一些输入字段的表单:

Folder Name:
<input type="text" id="folderName" name="folderName" data-bind = "value: FolderName" />

Prefix:
<input id="prefix" name="prefix" data-bind = "value: Prefix" />

提交带有空字段的表单时,两个输入都会显示错误消息。我想要完成的是第一个元素,其中包含要聚焦的错误消息。我的javascript技能相当差,因此任何工作示例都将受到极大的赞赏。谢谢大家!

在您的验证启动后删除类似的内容

// set focus to first input
$('body').find(':input:first').focus();

在我看来,这将焦点设置为第一个输入元素。我想把焦点放在第一个有错误消息的元素上。@Mdb我对你正在使用的插件不太熟悉,但我想他们会为每个验证失败的元素附加一些类。在这种情况下,您将使用
$('body').find('.failedClass:first').focus()是的,你是对的!不幸的是,我使用的是jQueryUI插件中的选项卡widjet,我想关注的元素位于第二个选项卡上,但它从未出现过。也许我应该试着找到一种方法,当其中的元素处于焦点时选择该选项卡,但这与我在这里问的问题不同。谢谢你的帮助。
// set focus to first input
$('body').find(':input:first').focus();