Jquery 保存某些输入字段&;保存所有输入字段

Jquery 保存某些输入字段&;保存所有输入字段,jquery,forms,Jquery,Forms,因此,基本上我正在设置一个管理面板,您可以在其中输入信息并将其保存到数据库中。管理面板有三个容器,每个容器用于: 个人信息 教育信息 密码 每个容器包含一个表单和一个提交按钮。除此之外,我想给用户一个“保存所有更改”按钮的选项。然后,这将检测所有三个表单中的所有更改,并将它们保存到数据库中 我该怎么做呢?我的第一个想法是嵌套表单,我读到它不是正确的方法。我的第二个想法是将单击处理程序绑定到“保存所有更改”按钮,然后从所有输入字段中获取值。但是,输入字段有三种不同的形式。我怎么称呼他们?这是正确的

因此,基本上我正在设置一个管理面板,您可以在其中输入信息并将其保存到数据库中。管理面板有三个容器,每个容器用于:

  • 个人信息
  • 教育信息
  • 密码
  • 每个容器包含一个表单和一个提交按钮。除此之外,我想给用户一个“保存所有更改”按钮的选项。然后,这将检测所有三个表单中的所有更改,并将它们保存到数据库中


    我该怎么做呢?我的第一个想法是嵌套表单,我读到它不是正确的方法。我的第二个想法是将单击处理程序绑定到“保存所有更改”按钮,然后从所有输入字段中获取值。但是,输入字段有三种不同的形式。我怎么称呼他们?这是正确的方法还是有人能想出更好的解决方案?

    第一件事。所有信息是否都保存在同一个表中

    如果是,那么您可以考虑只使用一种形式包装这些容器。

    如果没有,那么为了将来的维护,用单独的形式包装这些容器。然后执行单独的函数将它们保存到数据库中。比如:

    saveContainer1IntoDB()
    saveContainer2IntoDB()
    saveContainer3IntoDB()
    

    这样,您可以根据需要重用它们。最后,你点击“保存所有更改”按钮并调用所有三个函数

    你的第二个想法很好,但是为什么不在这三个按钮周围包装一个表单,并使用一个“保存所有更改”按钮呢?如果使用了第二个选项,则可以通过类、id或name=$(“#formOne”)获取输入;谢谢西昂!我可以将所有内容都包装在一个表单中,但我认为用户可以更直观地使用几个保存按钮,因为两个容器总是折叠的,只有一个可见。我将尝试按照你的建议抓取输入字段,如果我不能让它工作,我可能不得不使用单一表单。非常感谢你的帮助!您可以在表单中添加任意数量的提交按钮。无限制您甚至可以在这三个按钮周围包装一个表单,然后将jquery与每个下属按钮关联,以在提交时禁用不在所述按钮下的部分。设置为禁用、提交,然后再次设置为启用。感谢BenBarden&Bondye:我将看看哪些解决方案最适合我!