在保存x-editiable前添加確認提示

Question

如何在保存x-editiable（http://vitalets.github.io/x-editable/）之前添加確認提示？如果對確認提示的響應是否定的，則應該關閉x可編輯對話框，並且不應更新該值。

我想出了這個Fiddle，但第一個解決方案有點冗長，第二個解決方案（基於x-editable prompt before updating the value）不起作用。

Test 1<a href="javascript:void(0)" id="name1"></a> 
<br> 
Test 2<a href="javascript:void(0)" id="name2"></a> 

$('#name1').on('shown', function(e, editable) { 
    var button=$('input.myClass').parent().next().find('button.editable-submit'); 
    console.log(button,e,editable,this); 
    button.click(function(){ 
     if(!confirm("Are you sure you wish to proceed?")){ 
      editable.hide(); 
      return false; 
     } 
    }); 
}); 

$('#name1').editable({inputclass:'myClass'}); 

$('#name2').editable({ 
    validate: function (x) { 
     console.log(x,this); 
     if(!confirm("Are you sure you wish to proceed?")){ 
      //Doesn't work 
      return false; 
     } 
    } 
}); 

Answer 1

x-editable documentation表示您需要在輸入無效時返回字符串。我已經使用一個工作示例更新了您的fiddle。

$('#name2').editable({ 
    validate: function (x) { 
     console.log(x,this); 
     if(!confirm("Are you sure you wish to proceed?")){ 
      // Hide the editable 
      $('#name2').editable('toggle'); 
      return "invalid"; 
     } 
    } 
});