2016-11-17 25 views
1

有沒有方法在Alertify.js提示上貼上蒙版?如何在Alertify.js提示上貼上蒙版

我需要在一個jquery mask添加這樣的:

$('document').ready(function(){ 
    $('.car_number').mask('(SSS-0000'); 
    }); 

alertify.js提示是這樣的:

alertify.prompt('test', 'Insert a car number', '', function(evt, value) { 
       if(value) { 
        getVal(value); 
        } 
       } 
       , function() {}) 
} 

獲得一個輸出,如:

PCT-5077 

任何幫助是受歡迎的。

+0

你是說你希望輸出只能以特定的格式顯示,或者你是否想要改變用戶輸入信息的方式? – vbguyny

+0

是的,我希望用戶只能按此順序輸入3個字母和4個數字。 – evergoo

+0

它看起來不像Alertify支持這一點。我推薦的唯一方法是手動修補Alertify腳本以支持掩碼功能。 – vbguyny

回答

2

只要你有存取權限的DOM,你可以做你想做什麼都:

function show(){ 
    var prompt = alertify.prompt(); 
    prompt.set({ 
    'onshow': function(){ 
    var input = this.elements.content.querySelector('input'); 
    //customize the input as you please 
    $(input).mask(); 
    }, 
    'onclose':function(){ 
     var input = this.elements.content.querySelector('input') 
     //clear the customization as this is a singleton. 
     //$(input) 
    } 
    }) 
    .show(); 
} 

但請記住,默認AlertifyJS提示是單身,所以它能夠更好地清除關閉自定義。

+1

非常感謝,它的完美! – evergoo