无法让掩码与输入 Save/Edit 一起使用

Question

我不知道如何让这个 phone 数字输入掩码和 Save/Edit 输入功能一起发挥作用。

基本上我需要禁用输入字段，除非选择编辑，然后它会启用，然后在选择保存时再次禁用。

var phoneInputEdit = document.getElementById('phone-input-edit');
  if (phoneInputEdit) {
new Formatter(phoneInputEdit, {
    'pattern': '({{999}}) {{999}}-{{9999}}',
    'persistent': true
});

和

$(document).ready(function() {
$('.has-feedback input[name="Edit"]').click(function() {
    $(this).val(function(i,v) {
        return v === 'Edit' ? 'Save' : 'Edit';
    });
    //$(this).parent().prev().prev().next('img').toggle();
    $(this).parent().prev().prev().next('img').toggleClass('icon-inactive');
    $(this).parent().prev().prev('input[required]').prop('readonly',function(i,r) {
        return !r;
    });
  });
});

我尝试将输入掩码包装在 noConflict() 中，但这似乎不起作用。如果我摆脱了所有输入掩码代码，那么 Save/Edit 当然会起作用，这让我认为这一定是库冲突。也许我做错了。

Answer 1

您错过了 disabled 属性。通过 adding/removing 这个属性当你点击 save/edit 按钮时它会工作

无法让掩码与输入 Save/Edit 一起使用

Can't get mask to work with Save/Edit on input

javascript

jquery

input-mask