Сообщение об ошибке проверки JQuery отображается между меткой и вводом

Question

Я использую плагин проверки Jquery для проверки моей формы. Он работает нормально, но проблема в том, что между меткой и вводом появляется сообщение об ошибке валидации. Пожалуйста, проверьте скриншот ниже

Но я хочу отобразить его справа от входа.

Не могли бы вы показать мне, как это сделать?

Заранее спасибо:)

Для моего кода CSS и HTML для формы, пожалуйста, проверьте http://jsfiddle.net/6HmtE/1/

Плагин валидации, который я использую, is- http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 1

Это должно сработать:)

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

Answer 2

Стиль float неверен. Попробуйте изменить его на right для проверочных сообщений.

Answer 3

Ваша форма должна быть такой

<form id="form" name="form" method="post" action="index.html">
<h1>Sign-up form</h1>
<p>This is the basic look of my form without table</p>

<dl> <label for="name">Name </label>
<input type="text" name="name" id="name" class="required" /> 
<?php echo form_error('name'); ?>
<br />

<label for="company_name">Company Name </label>
<input type="text" name="company_name" id="company_name" class="required" />
<?php echo form_error('name'); ?>
<br />

<label for = 'email'>Email</label>
<input type="text" name="email" id="email" class="required email" />
<?php echo form_error('name'); ?>
<br />

<label for ='subject'>Subject</label>
<input type="text" name="subject" id="subject" class="required" /> 
<?php echo form_error('name'); ?>                       
<br />

<label for ='message'>Message</label>
<textarea cols="8" rows="8" name = 'message'></textarea>
<?php echo form_error('name'); ?>
<br />


<input type="submit" name="submit"/>
<div class="spacer"></div>

</form>

Answer 4

Вы можете установить местоположение своих сообщений об ошибках с помощью <label for="fieldId" class="error"> - Здесь есть демонстрационная версия, показывающая, как вы можете помещать сообщения об ошибках в различных схемах: http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html

Есть также вариантыВы можете настроить:

errorContainer: containerName,
errorLabelContainer: $("jQuerySelectorForYourcontainer)