javascript - 存在多个表单时的 JS 验证

Question

嗨，我的代码中有以下内容。我的问题是在同一页面中处理多个表单时如何调整代码以仅选择相关表单提交？

即使不想要的表单也提交了，JS 也会激活。

我尝试将代码更改为看起来像一些东西$('input[type=submit, name=deletenow]').click(function() {，但它肯定看起来不准确。请帮忙。谢谢你的关注。

$(document).ready(function() {

    $('input[type=submit]').click(function() {

    });

    $('input[type=submit]').confirm({
        msg:'Do you really want to delete this?',
        timeout:3000
    });



});

Answer 1

您不应该监听提交按钮上的点击，因为这会破坏可访问性。相反，您应该在表单本身上监听提交事件。

为您的表单提供一个 ID，然后使用该 ID 侦听提交事件，如下所示：

<form id="yourForm" method="POST" action="">
    <input type="submit">
</form>

$('#yourForm').submit(function(event){
    event.preventDefault();  // Prevents the form from submitting.
});

该preventDefault方法阻止表单提交。您可能想要创建一些调用它的条件，而不是像我的演示那样每次都停止它。

Answer 2

<form id="formForEvent" method="POST" action="">
    <input id="submit-Btn" type="submit">
</form> <!--taken from @thordarson answer with additional [id]-->

$('form#formForEvent').on('click', 'input#submit-Btn', function(){
    // your code
    return false;
});