Question

我正在使用jQuery validate插件，我遇到了错误消息显示方式的问题。从查看开发人员工具，我发现错误消息是.error，所以我试图修改它。我希望错误消息显示在没有通过验证的字段的输入内。正如您在我的代码中看到的那样，我希望错误在右侧。

我这样做是因为错误：

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

我尝试这样做而不是label.error

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

但它没有帮助。

如果我可以为此问题添加更多信息，请与我们联系。

Answer 1

添加你的风格

<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>
...

结束然后将保证金填充到你想要的位置

更新答案

在您的网站中，您应该编辑html，如下所示

.input-group {position : relative}

然后设置样式.error {position : absolute}和input

如果您不想将error和input绑定到一个div，则需要通过javascript计算.error位置。在您的javascript中，您为import pandas as pd import numpy as np df=pd.DataFrame({'group1': list('AABBCCAABBCC'),'group2':list('ZYYXYXXYZXYZ'),'group3':list('MMMNNNOOOMNO'),'group4':list('EFGGFEEFGGFE')}) df['check_for_A']=df['group1']=='A' #True/False vector truth_table=df.groupby(['group1','check_for_A']).group2.count().unstack().fillna(0) truth_table['random_values']=np.random.rand(3)元素设置了排名。但我认为这种方式毫不费力

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

1 个答案: