带有ajax加载forms的jqueryvalidation表单

我有一个带有jqueryvalidation的表单。提交表单后，我通过Ajax加载相同的表单。 我的问题是jqueryvalidation不适用于ajax加载的表单。 我已经尝试了堆栈溢出的一些答案，但不幸的是没有工作。

谢谢Az

Answer 1

在function上使用。 。

例：

$(document.body).on('click', '.submitBtn', function(){ $("#form").validate({ submitHandler: function() { // do anything } }); }); 

Answer 2

从描述看起来新的DOM元素给你提供了问题。 这是一个非常普遍的问题。 您需要做的是 – 如果validation是在按钮的单击function上运行，则将其从.click更改为.livefunction。 = http://api.jquery.com/live/

此函数还validation新的DOM元素。 click函数仅适用于初始DOM中存在的那些元素。

如果您仍有问题，请共享代码。

Answer 3

将新表单加载到DOM后，需要重新初始化它上面的validation插件，因为它与您之前加载的DOM元素不同。 您需要在AJAX回调函数中执行此操作，该函数将新HTML加载到DOM中。