jquery - 多个表单提交id可以相同吗？

Question

我有多个表单，其中包含 Submit 类型的输入标记，我在所有表单中使用 id=submit

    <form  id='geek' method="post" action="#" role="form">

    <input type="text" name="name" class="modal_input" id='name' placeholder="Only Alphabets Allowed" >

    <input type="submit" name="submit" value="Submit" class="apply_button text-center center-block" id="submit" />

</form>

第二种形式

    <form  id='geek1' method="post" action="#" role="form">

    <input type="text" name="name"  id='name' placeholder="Only Alphabets Allowed" >

    <input type="submit" name="submit" value="Submit" class="apply_button text-center center-block" id="submit" />

</form>

调用form1

 $('#geek').validator();

    $('#geek').on('submit', function (e) {

        ......
    })
});

表格2

   $('#geek1').validator();

        $('#geek').on('submit', function (e) {

            ......
        })
    });

元素 ID 应该是唯一的，这种做法我做错了吗？

Answer 1

Element IDs should be unique, with this practice am i doing wrong?

是的，因为您在多个 input 元素上使用 id="name"。在多个元素上使用 name="name" 可以，但在多个元素上使用 id="name" 就不行了。

就您的表单而言，id="geek" 和 id="geek1" 是不同的 ID，因此没有问题.

请注意，您的“form 2”示例在一个地方使用了 #geek1，在另一个地方使用了 #geek，这可能不是您想要的。

话虽如此，这些表单真的需要 id 吗？怎么样:

$(".common-class-on-the-forms").validator().on("submit", function() {
    // Use `this` here to refer to the specific form that was submitted
});