Jquery验证错误消息显示在标签和输入之间

Question

我正在使用Jquery Validation Plugin来验证我的表单。它工作正常，但问题是标签和输入之间出现验证错误消息。请查看下面的屏幕截图

但我想在输入的右侧显示它。

请您告诉我该怎么做？

提前致谢：）

有关表单的CSS和HTML代码，请查看http://jsfiddle.net/6HmtE/1/

我使用的验证插件是 - http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 1

您可以使用<label for="fieldId" class="error">设置错误消息的位置 - 此处有一个演示，演示了如何将错误消息置于不同的安排中：http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html

您还可以配置选项：

errorContainer: containerName,
errorLabelContainer: $("jQuerySelectorForYourcontainer)

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

这应该可以解决问题：）

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