如何在 Alertify.js 提示符上贴上遮罩答案

【问题标题】：how to applique a mask on an Alertify.js prompt如何在 Alertify.js 提示符上贴上遮罩
【发布时间】：2016-11-17 20:01:41
【问题描述】：

有没有办法在Alertify.js 提示符上贴上蒙版？

我需要像这样添加jquery maska：

$('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

欢迎任何帮助。

【问题讨论】：

您是说希望输出仅以特定格式显示，还是希望更改用户输入信息的方式？
是的，我希望用户只能按此顺序输入 3 个字母和 4 个数字。
Alertify 似乎不支持这一点。我唯一推荐的是手动修补 Alertify 脚本以支持屏蔽功能。

标签： javascript jquery jquery-mask alertifyjs

【解决方案1】：

只要您可以访问 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 提示是单例，因此最好在关闭时清除自定义。

【讨论】：

非常感谢，完美！