2012-07-10 12 views
8

Así que estoy usando jQuery validation y he logrado (a pesar de cierta documentación desactualizada) hacer funcionar un grupo de cajas de radio requeridas. El problema es que el complemento está agregando la etiqueta de error directamente después de la primera radio (la primera de ese grupo que tiene la clase requerida).Reubicar las etiquetas de error usando la validación de jQuery

¿Con esto en mente es posible establecer una ubicación personalizada para cada etiqueta de error?

Como referencia esto es el código HTML:

<tr> 
    <td width="200"> 
     <label>Title2 *</label> 
    </td> 
    <td width="505"> 
>>>  <label><input type="radio" class="required" name="Title2" value="Mr" /> <!-- ERROR APPEARS HERE -->Mr</label> 
     <label><input type="radio" class="required" name="Title2" value="Miss" />Miss</label> 
     <label><input type="radio" class="required" name="Title2" value="Mrs" />Mrs</label> 
     <label><input type="radio" class="required" name="Title2" value="Ms" />Ms</label> 
     <!-- I WANT ERROR LABEL HERE --> 
    </td> 
</tr> 

de desplazamiento a través de la línea marcada >>> y verá el comentario de que no muestra el plugin está poniendo la etiqueta de error, justo antes del cierre </td> que' Veré dónde quiero que vaya la etiqueta.

Cualquier ayuda apreciada, Gracias.

Respuesta

23

trate de añadir la etiqueta de la etiqueta en la que desea:

<label class="error" for="Title2" generated="true"></label> 

El plugin se puede usar esta etiqueta para mostrar el error

+0

Gracias @Karan, lo había intentado pero olvidé poner el título, ¡oh! : D –

+0

Los documentos están aquí http://jqueryvalidation.org/reference/ add anchor Visualización de mensaje de error – Azd325

0

por qué no se puede poner css algo así como

span.error{ 
    position:absolute; 
    right:0; 
} 

Esto pondrá sus tramos en lado derecho y se verá bien también. si está confundido de acero ponga su código en jsfiddle. Haré eso allí.

o pago y envío este ejemplo de cómo poner contenedores de error http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html

+0

Gracias por su respuesta, no puedo usar CSS en esta instancia. Y aunque voy a aceptar la respuesta de Karan, no sabía sobre el contenedor de error, así que +1 para eso. –

+0

El enlace ya no funciona –

Cuestiones relacionadas