Javascript 保存x-Editable前添加确认提示

如何在保存x-Editable（）之前添加确认提示？如果对确认提示的响应为否定，则应关闭x-editable对话框，且不应更新该值

我提出了这个，但是第一个解决方案有点冗长，第二个解决方案（基于）不起作用

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

测试1


测试2
$（'#name1'）。在（'show'，函数上（e，可编辑）{
var button=$（'input.myClass'）.parent（）.next（）.find（'button.editable submit'）；
console.log（按钮，e，可编辑，此按钮）；
按钮。单击（函数（）{
如果（！确认（“您确定要继续吗？”））{
可编辑。隐藏（）；
返回false；
}
});
});
$（'#name1'）。可编辑（{inputclass:'myClass'}）；
$（“#名称2”）。可编辑({
验证：函数（x）{
console.log（x，this）；
如果（！确认（“您确定要继续吗？”））{
//不起作用
返回false；
}
}
});

表示输入无效时需要返回字符串。我已经用一个工作样本更新了您的

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

---

我希望结果与我的第一个解决办法相同。您的解决方案肯定更简洁，但会显示错误文本，并且不会关闭对话框。我们能在

validate

回调中获得dialog对象以便隐藏它吗？@user1032531我已经用切换调用更新了示例。小提琴也被更新了。我刚刚想出了几乎相同的东西，但使用了

$（this.editable（'hide'）。按照您的建议返回字符串是关键！谢谢