如何在保存 x-editiable ( http://vitalets.github.io/x-editable/ ) 之前添加确认提示?如果对确认提示的响应是否定的,则应关闭 x-editable 对话框并且不应更新该值。
我想出了这个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;
}
}
});
最佳答案
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";
}
}
});
关于javascript - 保存前添加确认提示 x-editable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29919904/