jQuery on blur no funciona correctamente

Tengo una página de detalles educativos simple donde estoy generando dinámicamente cuadros de texto para ingresar los detalles de calificación. Cuando bash validar los cuadros de texto, la validación se activa pero no correctamente. Si lo bash 2-3 veces, entonces se vuelve apropiado. En el primer bash se validan cuadros de texto alternativos. Cuando hago clic en el botón “Agregar fila”, se agrega una nueva fila, pero cuando bash validarlo por 2-3 bashs, no se muestra el error de validación. Después de algunos bashs más, la validación funciona. Todo es muy confuso.

Investigué mucho en Internet, pero no pude encontrar ninguna solución adecuada.

He pegado mi JSP completo a continuación. Estará realmente muy agradecido por cualquier puntero.

     Enter Details        $(document).ready(function(){ jQuery(".validate-text").on("blur", function (event) { setTimeout(function() { jQuery(".validate-text").validate({ expression: "if (VAL) return true; else return false;", message: "Please enter value." }); }); }); jQuery(".validate-num").on("blur", function (event) { setTimeout(function() { jQuery(".validate-num").validate({ expression: "if (!isNaN(VAL) && VAL) return true; else return false;", message: "Please enter value." }); }); }); });   $(document).ready(function(){ $("#addRow").click(function() { var i=0; i= $("#countHd").val(); i= parseInt($("#countHd").val(),10); $("table").append(''+ ''+ ''+ ''+ ''+ ''+ ''+ ''); i=i+1; $("#countHd").val(i); }); });    
Course Name* Board / University* Marks Obtained* Total Marks* Percentage* Year of Completion*

Gracias por adelantado.

Ya que está creando esos elementos dinámicamente, intente delegar sus eventos :

 jQuery(document).on("blur",".validate-text", function (event) { // repeat for ".validate-num" 

Además, no debes usar dos versiones diferentes de jQuery. Eliminar

En lugar de usar blur … has intentado usar focusout

  

Lea más sobre focusout aquí:

http://api.jquery.com/focusout/

La principal diferencia entre el enfoque y el desenfoque es que el borroso soporta el evento.

El evento de enfoque se envía a un elemento cuando éste, o cualquier elemento dentro de él, pierde el foco. Esto es distinto del evento borroso, ya que admite la detección de la pérdida de enfoque en los elementos descendientes (en otras palabras, admite la propagación de eventos).

se usa a menudo con focusin

un ejemplo de codepen o jsfiddle también sería útil

    Intereting Posts