jQuery Проверка правильности позиционирования для полей с абсолютным положением

Question

У меня есть div, который имеет изображение в качестве фона, с позицией для полей ввода, уже установленных в изображении.В результате в html-разметке я установил абсолютное положение полей, чтобы они перекрывали изображение.Проблема у меня заключается в том, что при использовании плагина jquery validate сообщение об ошибке отображается вверху.Я не могу понять, как показать его справа от поля.

Это фрагмент кода:

<div id="user" style="display:none; cursor: default"> 

<form name="userForm" id="userForm" method="post" action="" >
    <input type="text" class="required" id="email" name="email" maxlength="50" />
    <input type="text" class="firstname" id="firstname" name="firstname" />
    <input type="button" id="save" name="save" />

 </form> </div>

// и css

div#user {width:500px; height:400px;  background-image: url(/img/user.gif); background-repeat: no-repeat;}
input#email {position: absolute; left: 30px; width:200px; top:214px; height:20px;  background-color:#fff; border:0;}
input#firstname {position: absolute; left: 30px; width:200px; top:250px; height:20px; background-color:#fff; border:0;}

Спасибо за ваше время, Джастин

Answer 1

Вы можете изменить место появления ошибок с помощью обратного вызова errorPlacement().

$("#myform").validate({
  errorPlacement: function(error, element) {
     error.appendTo( element.parent("td").next("td") );
   },
   debug:true
 })

Источник .