この電話番号入力マスクと保存/編集入力機能をうまく連携させる方法がわかりません。
基本的に、編集が選択されていない限り、入力フィールドを無効にする必要があります。その後、有効になり、保存が選択されると再び無効になります。
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() でラップしようとしましたが、うまくいかないようでした。すべての定型入力コードを削除すると、もちろん保存/編集が機能するため、ライブラリの競合であるに違いないと思いました。多分私はそれを間違った。