2011-10-17 21 views
0

我使用數據表與jeditable插件,我把它設置直接升級到MySQL,我需要驗證一些輸入字段,以確保被插入的URL。我有驗證jeditable字段的代碼(請參閱jsfiddle)我需要一些幫助來將jsfiddle與表初始化代碼集成。我可以添加onsubmit沒有問題,但不知道如何將這部分添加到我的.makeEditable函數,任何幫助的讚賞謝謝。datatables jeditable驗證輸入url如何結合這段代碼?

$('#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" 

        } 

回答

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' 
    }] 
}); 

詳情請參閱this demo

+0

jeditable工作,我有選擇的設置我的每個列的我只是省略了大部分代碼保持問題短的緣故。我很難整合jsfiddle和我發佈的.makeEditable代碼,這些代碼驗證URL是否被輸入到可編輯字段的文本輸入框中。我知道如何的onsubmit添加到我的每一個列選項需要的,但我不知道下面有我的代碼是如何設置的工作權$(「#鏈接」)。編輯(函數(valurl){// 做你自己的東西在這裏... 回報valurl; }, – Anagio

+0

然後做你真正想要發佈的數據'sUpdateURL' –

+0

如果輸入驗證的URL是繼續發佈到sUpdate – Anagio