javascript - jEditable - 提交表单

Question

我对 Jeditable 很陌生，我想知道是否有一种方法可以生成和提交包含多个字段而不是一个字段的自定义表单？

我查看了本教程以获取一些提示，并且取得了一些进展。我不确定我是否走在正确的轨道上。

Answer 1

这里有一个想法，您可以在其中保存表单中已编辑的任何内容。给表单中的输入一个特定的类，称之为“my_form”。通过创建一个名为makeEditable(). 还要让 Save 按钮有一个我们将调用的类save_button。

$(function(){
    function makeEditable() {
        $(".my_form").editable('MyPhpPage.php', {
             // YOUR CUSTOMIZATION
             submit : '<button class="save_button">Save</button>',
        });

     makeEditable();
    });

您最终可以使用“save_button”类的“提交”按钮发送所有修改后的数据，这可以通过$('.my_form').find('.save_button').click();.

这对于您的表单可能不够健壮，因为您可能想要创建约束，例如要求它们全部为非空。然后，您只需要更多的 JQuery 代码来执行此操作。