Javascript 存在多个表单时的JS验证

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

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

我尝试将代码更改为类似于

$（'input[type=submit，name=deletenow]'）。单击（function（）{

，但它确实不准确。请帮助。感谢您的查找

$(document).ready(function() {

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

    });

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



});

您可以单击“提交”按钮，因为这会终止可访问性。相反，您应该侦听表单本身上的提交事件

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

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

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

$（'#yourForm'）。提交（函数（事件）{
event.preventDefault（）；//阻止表单提交。
});

preventDefault

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

您可以单击提交按钮，因为这会终止可访问性。相反，您应该侦听表单本身上的提交事件

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

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

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

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

$（'#yourForm'）。提交（函数（事件）{
event.preventDefault（）；//阻止表单提交。
});

preventDefault

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

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

$（'form#formForEvent'）。在（'click'，'input#submit Btn'，function（）上{
//你的代码
返回false；
});

$（'form#formForEvent'）。在（'click'，'input#submit Btn'，function（）上{
//你的代码
返回false；
});