datatables jeditable 验证输入 url 如何组合此代码？

Question

我正在使用带有 jeditable 插件的数据表，我将其设置为直接更新到 mysql，我需要验证一些输入字段以确保插入 URL。我有这段验证 jeditable 字段的代码（请参阅 jsfiddle）我需要一些帮助将 jsfiddle 与表初始化代码集成。我可以添加 onsubmit 没有问题，但不确定如何将此部分添加到我的 .makeEditable 函数中，感谢任何帮助。

$('#url').editable(function(valurl) {
    // Do your own stuff here...
    return valurl;
}, 

http://jsfiddle.net/peter/CLuvp/

我的数据表初始化为

var oTable3;
$(document).ready(function() {
            oTable3 = $('#table3').dataTable( {
        "sDom":'t<"bottom"ifpl><"clear">',
        "bAutoWidth": false,
        "sPaginationType": "full_numbers",
            "aoColumns": [ 
            { "bSortable": false},
            null,
            null,
            null,
            null
            ]

    } 
    ).makeEditable({
        sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
        "aoColumns": [null,
                    null,
                    {
                        type: 'text',
                        submit:'Ok',
                        cancel:'Cancel',
                        width: "100px"

                    }

Answer 1

我认为您可以简单地在 aoColumns 选项中包含每列的选项，例如：

.makeEditable({
    sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
    "aoColumns": [null, null,
    {
        submit: 'Save',
        width: 200,
        placeholder: 'Enter URL...',
        onblur: 'submit',
        onsubmit: function() {...}
    }]
});

更干净的方法（或上述方法根本不起作用）是使用 url 该列中的规则：

.makeEditable({
    sUpdateURL: "<?=$this->siteUrl()?>profiles/updatevalue",
    "aoColumns": [null, null,
    {
        submit: 'Save',
        width: 200,
        placeholder: 'Enter URL...',
        onblur: 'submit',
        cssclass: 'url'
    }]
});

请参阅此演示了解详情细节。