Javascript 如何在输入中获取jQuery验证错误类

我正在使用jQuery验证插件，并且遇到了错误消息显示方式的问题。通过查看开发人员工具，我发现错误消息是

.error

，因此我正在尝试修改它。我希望在未通过验证的字段的输入中显示错误消息。正如您在我的代码中所看到的，我希望错误出现在右侧

我这样做是为了错误：

.error {
    color: red;
    display: inline !important;
    vertical-align: top;
    margin-bottom: 5px;
}
label.error {
    /*margin-left: 10%;*/
    right: 5%;
}

我尝试这样做，而不是使用

标签。错误

input.error {
   /*margin-left: 10%;*/
   right: 5%;
 }

但这没用

如果我能为这个问题添加更多信息，请告诉我。

添加您的风格

.error {position : absolute}

结束，然后把空白和填充它到你想要的地方

更新答案

在你的站点中，你应该像下面那样编辑html

<form action="" autocomplete="on" method="POST" id="project-information-form" novalidate="novalidate">
    <div class="input-group">
        <input type="text" class="input-borderless error" id="title-roll" name="title" placeholder="Title/Role" aria-required="true">
        <label id="title-roll-error" class="error" for="title-roll">Please enter your title</label>
    </div>
...

请输入您的标题
...

然后设置样式

。输入组{position:relative}

和

。错误{position:absolute}

---

如果不想将

输入

和

错误

绑定到一个div，则需要使用javascript计算

输入

位置。在javascript中，设置

.error

元素的位置。但我认为这样做很容易

没有帮助。我试过了。它将我的所有输入和错误消息聚集在一起。您必须将输入和错误绑定到一个div。我已更新我的答案作为建议。它很简单，希望你能理解我的想法。你需要添加一些css样式来制作

。错误

更漂亮。它仍然只是把所有的东西聚在一起。查看并显示相关的呈现HTML和JavaScript。