带有ajax加载表单的jquery验证表单

Question

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

谢谢阿兹

Answer 1

在功能上使用。 。

例：

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

Answer 2

从描述看来，新的DOM元素给您带来了问题。 这是一个非常普遍的问题。 您需要做的是-如果验证运行在按钮的click函数上，然后将其从.click更改为.live函数。 = http://api.jquery.com/live/

此功能还可以验证新的DOM元素。 click函数仅适用于初始DOM中存在的那些元素。

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

Answer 3

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