javascript - jEditable-提交表格

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

我在tutorial上做了一些提示，并取得了一些进展。我不确定自己是否走对了。

最佳答案

这是一个您可以保存表单中所有编辑内容的想法。给表单中的输入一个特定的类，将其称为“ 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代码即可。