jEditable - 提交表格

Question

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

我已经看过这个tutorial的一些提示，我已经取得了一些进展。我不确定我是否在正确的轨道上。

Answer 1

这是一个可以保存表单中已编辑内容的想法。将表单中的输入赋予某个类，称之为“my_form”。创建一个按钮，通过创建名为makeEditable()的函数，使用JEditable初始化my_form类。还可以使“保存”按钮具有一个我们称之为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代码即可。