时间戳

首页 > 解决方案 > 使用同一个函数提交多个表单

javascript - 使用同一个函数提交多个表单

问题描述

我有一个使用类似函数的表单

$(document).ready(function() {
        $("#form1").submit(function() {

但是我有 2 个其他表单，如果/当他们提交时，我想使用相同的功能，我该怎么写？

$(document).ready(function() {
        $("#form1").submit(function(), 
        $("#form2").submit(function(), 
        $("#form3").submit(function() {

谢谢

标签： javascripthtmlforms

解决方案

如果我理解，您想为各种提交事件处理程序共享一个函数。这很简单：

function submitHandler() {
   // handler stuff here.
}
$(document).ready(function() {
    $("#form1").submit(submitHandler);
    $("#form2").submit(submitHandler);
    $("#form3").submit(submitHandler);
}

另一种方法是，如果要处理所有表单，则在 jquery 选择器中指定哪些表单。您可以对页面上的所有表单执行此操作：

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

或者，如果您只是将类名添加到要使用它的表单中：

$(document).on('submit','.formclass', function() { });

推荐阅读