Question

我在1页中有2个表格和2个js文件，允许我用ajax提交它们。

如何将每个提交按钮引用到正确的js代码？

<form id="login-form" class="modal-content" action="#">
    <button id="submitLoginButton" class="btn btn-success">SEND LOGIN FORM</button>
</form>

<form id="reg-form" class="modal-content" action="#">
    <button id="submitRegButton" class="btn btn-success">SEND REG FORM</button>
</form>

jquery的：

文件1：

$(document).on('submit', 'form', function(e) {

    //code for **login** form
    var formData = $(this).serializeArray();

});

文件2：

$(document).on('submit', 'form', function(e) {

    //code for **registration** form
    var formData = $(this).serializeArray();

});

Answer 1

使用表单的ID而不是标记。你可以这样做：

$('#login-form').on('submit', function(e) {
    //code for **login** form
});

不要记得在页面加载后使用此代码：

$(function(){
    // this code will be processed after page loading
});

jquery - 将提交按钮引用到正确的js代码

1 个答案: