如何在提交表单之前执行函数[重复]

Question

这个问题在这里已有答案：

• Form Submit Execute JavaScript Best Practice? 3回答

比方说我有：

<form action="myurl.com" method="post" id="myForm">
    <input type="number" name="number" class="numberInput">
    <input type="number" name="number">
    <input type="submit" value="Submit">
</form>

我希望在表单提交之前执行的javascript函数：

function executeBeforeSubmission(){
    var form = document.getElementById("myForm");
    var inputs = form.getElementsByClassName("numberInput");
    for(var i=0; i<inputs.length; i++){
        inputs[i].name = "number"+i;
    }
}

如何在表单提交之前分配此方法？

Answer 1

您可以使用以下jQuery代码在提交表单之前执行任何操作：

$('#myForm').submit(function() {
    // Stuff to do. In your case call the function.
    executeBeforeSubmission();
    return true; // return false to cancel form action
});