Question

我有多个表单，其中包含提交类型的输入标记，我在所有表单中使用 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

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

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

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

请注意您的表格2＆＃34;表格2＆＃34;示例在一个地方使用#geek1，在另一个地方使用#geek，这可能不是您想要的。

话虽如此，你真的需要id这些表格吗？怎么样：

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

多个表单提交ID可以相同吗？

1 个答案: