1

使用：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 来实现这一点，但我很难弄清楚如何做到这一点。

我看过一个 使用 jQuery validate 的自定义错误标签放置示例（对于所有或部分错误）

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

我要调整 1. 将“Accept the TOS”的颜色改为2E0854。2.将误差从左边移到10px。

我究竟做错了什么？

一如既往地感谢您的帮助。

4

1 回答 1

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

于 2013-06-07T00:01:52.547 回答