Я пытаюсь использовать плагин проверки JQuery для проверки моей формы. У меня есть сообщения об ошибках справа от большинства моих элементов ввода, но переключатели не дают мне ничего, кроме неприятностей.
Если я не даю ширину для класса div.group, сообщение об ошибке появляется снаружи полной страницы (поскольку я предполагаю, что ширина div равна 100% страницы?) Не делает ничего, что вызывает ошибку сообщение появится после первого переключателя вместо второго. Я не могу кодировать ширину, так как я хочу использовать ее в радиогруппах с несколькими ширинами. Как я могу просто заставить его отображаться на правом краю, где заканчиваются переключатели в переключателях радио?
Спасибо!
var validator = $("#myForm").validate({
errorElement: "div",
wrapper: "div", // a wrapper around the error message
errorPlacement: function(error, element) {
if (element.parent().hasClass('group')){
element = element.parent();
}
offset = element.offset();
error.insertBefore(element)
error.addClass('message'); // add a class to the wrapper
error.css('position', 'absolute');
error.css('left', offset.left + element.outerWidth());
error.css('top', offset.top);
}
});
И затем
<p>
<div class="group">
<label>Gender</label>
Male: <input id="gender_male" type="radio" name="gender" class="required" value="Male" />
Female: <input id="gender_female" type="radio" name="gender" class="required" value="Female" />
</div>
Может быть, просто способ получить сообщение об ошибке после последнего переключателя в группе? Если бы я мог получить дескриптор последнего элемента, я мог бы соответствующим образом изменить смещение.
EDIT: Ага, я просто использовал div.group {display: inline-block;}.