JQuery Mobile，一个页面上的多个表单，通过 JQuery Post 按表单 id 提交唯一表单。

Question

我尝试使用 unique.submit 函数为页面上的所有表单提供相同的表单 ID 或单独的表单 ID。两者似乎都不起作用，总是只有第一个表格可以正常工作，其余的都会把我踢回主页。看我的代码。代码在只有一种表单的页面上效果很好，但是当我有多个表单时，它会导致问题。

$("#sQuote").submit(function() {
                //Send the serialized data to mailer.php.
                $.post("mailerS.php", $("#sQuote").serialize(),
                    //Take our repsonse, and replace whatever is in the "formResponse"
                    //div with it.

                    function(data) {
                    $("#sQuote").html( $("#formResponse").html() );
                    }
                );
                return false;
            });

        });

我尝试使用所有表单 id's = sQuote 并将它们单独命名为 sQuote1 等...并为该唯一 ID 添加了另一个 .submit

Answer 1

不管怎样，在每个页面上，所有使用的 id 属性都必须是唯一的。拥有多个具有相同值的 id 属性将导致各种失败。

使用 W3 验证器验证您的文档并修复错误作为开始。重复的 id 将在此处报告为错误。