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

您提交按钮上的shouldn't be listening for clicks会导致无法访问。相反，您应该在表单上监听提交事件。

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

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

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

preventDefault方法stops the form from submitting。您可能希望创建一些调用它的条件，而不是像我的演示那样每次都停止它。

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;
});

存在多个表单时的JS验证

2 个答案: