JQuery положение errorPlacement этикетки для одного

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. Измените цвет "Примите 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