jEditable -提交表单

Question

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

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

Answer 1

这里有一个想法，您可以保存在表单中编辑过的任何内容。给表单中的输入一个特定的类，称之为"my_form“。创建一个用JEditable初始化my_form类的按钮，方法是创建一个名为makeEditable()的函数。另外，让保存按钮有一个我们称之为save_button的类。

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

     makeEditable();
    });

最后，您可以使用"save_button“类的"Submit”按钮发送所有修改过的数据，这是通过$('.my_form').find('.save_button').click();完成的。

对于您的表单来说，这可能不够健壮，因为您可能希望创建约束，例如要求所有这些约束都为非空。然后您只需要多一点JQuery代码就可以做到这一点。