javascript - 我有同名的表格

Question

我尝试在我的 html 表单中使用 jQuery 发送具有相同名称和不同值的 ajax 表单，但是当我提交表单时，我的 ajax 将无法工作，它将提交给 #。有人可以解释一下为什么吗？

我的 HTML 表单:

<script src="lib/jquery/jquery.1.9.0.min.js"> </script>
<form name="Form" action="#" method="POST">
    <input name="idnum" type="hidden" value="somevaluehere1">
    <button type="submit">btn 1</button>
</form>

<form name="Form" action="#" method="POST">
    <input name="idnum" type="hidden" value="somevaluehere2">
    <button type="submit">btn 2</button>
</form>

这是我的ajax:

$(document).ready(function() {
    $("form[name=form]").submit(function(e){
        e.preventDefault()
        $.ajax ({
            type: "POST",
            url: "ajax/post.php",
            data: $(this).serialize(),
            success: function(data) {
                alert(data)
            }
        });
    });
});

对不起我的英国人

Answer 1

Form 与 form 不同。您的选择器与表单不匹配，因为属性选择器值区分大小写。

将 $("form[name=form]") 更改为 $("form[name=Form]")。

您可以通过比较 alert($("form[name=form]").length); 和 alert($("form[name=Form]") 来证明这一点.length);

但请注意，the name attribute for form elements should hold a unique value因此您应该改用类属性(然后您可以使用类选择器 (form.Form)。