Javascript Can'；t使掩码在输入时使用保存/编辑

我不知道如何获得这个电话号码输入掩码和保存/编辑输入功能，以便一起玩得很好

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

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

及

---

我尝试用noConflict（）包装输入掩码，但似乎不起作用。如果我去掉了所有的输入掩码代码，那么保存/编辑当然会起作用，这让我认为这一定是库冲突。也许是我做错了。

你找不到房子了。通过在单击“保存/编辑”按钮时添加/删除此属性，它将正常工作

小提琴似乎如您所述正常工作。。。怎么了？@IlGala不是真的。如果您尝试键入inputSee，则输入始终处于活动状态。设置属性

disabled

也将起作用。您使用的浏览器是什么？诚然，我只在android chrome上试过，但它在这方面很有效；在单击CTA之前，输入是不可编辑的。正如fuyushimoya所说，你可以使用残疾人。非常感谢，这很有效！嗨，谢谢你的回复。我添加了disabled属性，但单击Edit/Save不会启用/禁用它。编辑：没关系，我已经在html中添加了这个，而不是道具。这把它修好了。谢谢

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