我无法弄清楚如何让这个电话号码输入掩码和保存/编辑输入功能一起玩得很好。
基本上我需要禁用输入字段,除非选择了编辑,然后它会启用,然后在选择保存时再次禁用。
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的工作让我认为它必定是库冲突。也许我做错了。