jQuery Validación - error de colocación

Estoy tratando de utilizar 'errorPlacement' de jQuery Validación DOCS:jQuery Validación - error de colocación

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

quiero poner de error antes de entrada no válida, pero esto no funciona:

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

LIVE DEMO

¡Cualquier ayuda muy apreciada!

Fuente

2011-07-01 Iladarsda

¿qué aspecto tiene el marcado como y donde en ese markup ¿quieres poner el error? – kinakuta

@kinakuta: se ha agregado la demostración en vivo a la pregunta – Iladarsda

, por lo que desea que aparezca el mensaje de error sobre el cuadro de texto correspondiente. – kinakuta

Desde que desea insertar el mensaje de error antes de que el elemento no válido, utilice insertBefore():

errorPlacement: function(error, element) { 
    error.insertBefore(element); 
}

Fuente

2011-07-01 09:25:56

Hamidi Gracias! Eso está funcionando! Casi ... como puede ver en mi ejemplo, en realidad hay dos entradas para la contraseña (una para el efecto onfocus y otra real), podemos especficar eso para #username insertbefore(); y para #realpassword insertBefore ('# password') ?? – Iladarsda

Esto está funcionando correctamente sólo para #Password: 'errorPlacement: function (error, elemento) { \t \t \t \t \t if ($ ('etiqueta [para = "realpassword"]')) {error.insertBefore (' #contraseña'); } \t \t \t \t \t else if (('label [for = "username"]')) {error.insertBefore ('# username'); } \t \t \t \t \t \t \t \t}, '¿Por qué ?? – Iladarsda

@ Pete, debería funcionar, pero el mensaje de error sigue apareciendo después del elemento '' en mi navegador. El padre flotante '' parece ser el problema ... –

Otra opción es ...

errorPlacement: function (error, element) { 
    element.before(error); 
    }

Fuente

2014-02-04 14:51:07 actionbin

Sólo hay que poner la parte en la que desea que el error

<label for="[your checkbox id]" generated="true" class="error"></label>

Ex:

<label><input type="checkbox" name="checkbox" id="checkbox" value="1" > Checkbox content</label> 
<label for="checkbox" generated="true" class="error"></label>

Fuente

2015-08-10 11:27:07

Solución muy elegante y elegante – gouravtiwari21

como querido muy genial – mghhgm

me recomiendan utilizar una plantilla HTML para especificar la posición y el estilo de esta manera:

<input name="patient_gender" required> 
<label for="patient_gender" class="validation_error_message help-block"></label>

y función sobrescribir para la colocación de error

$.validator.setDefaults({ 
    errorPlacement: function(error, element) { 
     var name = element.attr('name'); 
     var errorSelector = '.validation_error_message[for="' + name + '"]'; 
     var $element = $(errorSelector); 
     if ($element.length) { 
      $(errorSelector).html(error.html()); 
     } else { 
      error.insertAfter(element); 
     } 
    } 
});

Fuente

2017-12-05 00:16:04

jQuery Validación - error de colocación

Respuesta

Cuestiones relacionadas