x-editable + maskedinput возвращает подчеркивание при вводе, но не при нажатии

Question

x-editable + maskedinput возвращает подчеркивание из maskedinput при вводе, но не при нажатии. Любые идеи о том, как это исправить?

JSFiddle:

• http://jsfiddle.net/xBB5x/10654/

Библиотека jQuery:

• https://github.com/digitalBush/jquery.maskedinput
• https://vitalets.github.io/x-editable/index.html

HTML:

<a href="#" data-pk="1">1</a>

JS:

$('a').editable({
    type: 'text',
    name: 'username',
    tpl: '<input type="text" id ="zipiddemo" class="mask form-control input-sm dd" style="padding-right: 24px;">'
});

$(document).on("focus", ".mask", function () {
    $(this).mask("?999");
});

Answer 1

JSFiddle:

• http://jsfiddle.net/xBB5x/10655/

HTML:

<a href="#" data-pk="1">1</a>

JS:

$('a').editable({
    type: 'text',
    name: 'username',
    tpl: '<input type="text" id ="zipiddemo" class="mask form-control input-sm dd" style="padding-right: 24px;">',
    display: function(value, response) {
        return false;
    },
    success: function(response, newValue) {
        $(this).html(newValue.replace(/_/g, ''));
    },
});

$(document).on("focus", ".mask", function() {
    $(this).mask("?999");
});