jEditable - 提交表单

Question

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

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

Answer 1

这里有一个想法，您可以在其中保存表单中已编辑的任何内容。给表单中的输入一个特定的类，称之为“my_form”。通过创建一个名为makeEditable() 的函数，创建一个使用JEditable 初始化my_form 类的按钮。还要让 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 代码来执行此操作。