2015-11-09 43 views
1

我無法弄清楚如何讓這個電話號碼輸入掩碼和保存/編輯輸入功能一起玩。無法使用輸入屏幕上的保存/編輯

jsfiddle

基本上我需要除非選擇編輯被禁用輸入字段,則變爲啓用,然後選擇保存時,再次被禁用。

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輸入掩碼(),但似乎並沒有工作。如果我擺脫了所有的輸入掩碼,那麼當然保存/編輯作品,這使我認爲它必定是圖書館的衝突。也許我做錯了。

+1

小提琴似乎工作正如你所描述的......有什麼不對? – IlGala

+0

@IlGala不正確。如果您嘗試鍵入輸入 – Adjit

+1

請參見[this](https://jsfiddle.net/DTcHh/14120/),設置屬性'disabled'也會起作用。 – fuyushimoya

回答

1

您錯過了disabled屬性。通過添加/刪除此屬性,當你點擊保存/編輯按鈕,它將工作

+1

嗨,感謝您的回覆。我添加了禁用的屬性,但單擊編輯/保存不啓用/禁用它。編輯:沒關係,我已經將此添加到HTML而不是道具。這固定了它。謝謝! – bunnycode