关于模糊的jQuery无法正常工作

我有一个简单的教育详细信息页面，我动态生成文本框以输入资格详细信息。 当我尝试validation文本框时，validation会被触发但不正确。 如果我尝试2-3次，那就变得合适了。 在第一次尝试中，备用文本框得到validation。 当我点击“添加行”按钮时，会添加一个新行，但是当我尝试validation它的2-3次尝试时，不会显示validation错误。 经过几次尝试后，validation工作正常。 这一切都非常令人困惑。

我在互联网上研究了很多，但找不到合适的解决方案。

我已经在下面粘贴了我的完整JSP。 任何指针真的非常感谢。

             $(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); }); });    
 
 
Enter Details
 
 
 
 
 
 
 
 
 
 
Course Name*
 
Board / University*
 
Marks Obtained*
 
Total Marks*
 
Percentage*
 
Year of Completion*
 
 
 
 
 
 
 
 
 
 
  
 
   

提前致谢。

Answer 1

由于您是动态创建这些元素，请尝试委派您的事件 ：

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

此外，您不应该使用两个不同版本的jQuery。 删除

Answer 2

而不是使用blur ..你尝试使用focusout

阅读更多关于focusout ：

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

聚焦和模糊之间的主要区别在于模糊支持事件冒泡。

当焦点事件或其内部的任何元素失去焦点时，会将焦点事件发送到元素。 这与模糊事件的区别在于它支持检测后代元素的焦点丢失（换句话说，它支持事件冒泡）。

它通常与focusin一起使用

codepen或jsfiddle示例也会有所帮助