jquery - 带有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 更改为 .live 功能。= http://api.jquery.com/live/

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

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

Answer 3

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