Jquery 如何验证从外部html表单完成的Ajax表单数量是否可变？

为清晰起见，请注意：同级HTML表单用于前进到下一页。单独的Ajax表单需要独立地验证数据。外部（ajax表单）HTML表单需要能够在进入下一个网页之前验证所有ajax表单是否已完成

---

我在同一个网页上有不同数量的Ajax表单和HTML表单。HTML表单是ajax表单的兄弟，因为在HTML表单中嵌套ajax表单不起作用。我能够在每个ajax表单和HTML表单中进行验证，但我要做的是验证所有这些ajax表单都是从外部HTML表单填写的。我怎样才能用JQuery实现这一点？我希望能够将所有表单（ajax和html）的整体验证与html表单的按钮联系起来。我将非常感谢您的建议和一些示例代码。另外，我也希望能链接到任何可能需要的插件。谢谢

$（“#字段名”）.val（）还有一个.find（）等等，如果这还不够好的话。您还可以在每个元素和$（this）.val（）上设置一个事件处理程序。hth

您不能编写自己的提交函数吗

     $('#some_form').on('submit', function(event){
        event.preventDefault()

     //make an array of data in fields per form (each form needs an unique id)
     var data = $('#some_form').serializeArray();
     var other_data = $('#other_form').serializeArray();


      //you can now loop through each field
           $.each(data, function(id, post_data) {
                //should check your data here
                console.log (post_data.name);
                console.log (post_data.value);
         });

        //you can now loop through each field
           $.each(other_data, function(id, post_data) {
                //should check your data here
                console.log (post_data.name);
                console.log (post_data.value);
         });


      //everything right? ok do what you need to do. Show another page, save data 
    } 

---

如果您想验证各种ajax表单“在HTML提交按钮上同时显示一个HTML表单，使用一个Ajax提交表单不是更合适吗？”？有JQuery验证插件可用，但如果您有多个表单试图作为一个表单工作，它们可能无法工作。也许您可以给出表单之间关系的代码示例。这有助于定义一个解决方案。ajax表单需要分开，因为它们是不同的数据集（取决于从数据库中提取的数据），并且每个表单都需要独立验证。整个HTML表单是一个单独的同级表单，用于在所有ajax表单都经过验证后进入下一个网页。所有表单都需要经过验证才能继续，并且您有一个“提交”按钮来“提交”所有数据？你基本上只有一个大表单，你应该用一个提交函数来处理所有的表单。我建议你基本上按照@slayergirl的回答去做。您不需要HTML表单就可以进入下一页。这听起来是一个有趣的想法，但是如果您不知道各种表单的确切id，那么您将如何处理这种情况，因为根据从数据库中提取的数据，表单的数量是可变的？您可以为表单提供css类属性。然后，您可以使用JQuery获取具有特定CSS属性的任何表单的输入。

var arr_form=$（“form”）；$。每个（arr_表单，函数（键，表单）{console.log（form.id）；}）这将获取页面上使用的表单的id