Question

使用： jquery验证器

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<div>
    <form id="everything">
        <label for="dd1">Select the best option</label>
        <br/>
        <select name="dd1" id="dd1" class="required">
            <option value="">None</option>
            <option value="o1">option 1</option>
            <option value="o2">option 2</option>
            <option value="o3">option 3</option>
        </select>
        <br/>
        <br/>
        <label for='agreement'>I accept the TOS</label>
        <input id="agreement" name="agreement" type="checkbox" style='float:left' />
        <br/>
        <input type="submit" />
</div>
</form>

我正在试图弄清楚如何更改其中一条错误消息的位置，并将其余部分留在原处。我知道你可以使用ErrorPlacement来实现这个目标，但我很难搞清楚如何做到这一点。

我见过一个例子 Custom Error Label Placement using jQuery validate (For all or some of your errors)

并创建了http://jsfiddle.net/Kn3v5/215/

我想调整 1.将“Accept the TOS”的颜色更改为2E0854。 2.将错误从左侧移动到10px。

我做错了什么？

一如既往地感谢非常感谢。

Answer 1

只需删除/修复上下边距：http://jsfiddle.net/Kn3v5/219/

#everything label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 0px 10px 0px 60px; /* Top and Bottom to '0' */
    padding: 0;
    text-align: left;
    width: 320px;
}

#everything2 label.error {
    color: #2E0854;
    margin: 0px 10px 0px 10px; /* Top and Bottom to '0' */
}

此外，您在</div>

中还有一个额外的form

jquery errorPlacement单个标签的位置

1 个答案: