一般用法

• 靜態(static mask)

$(selector).inputmask('999-AAAA-9999')

或

$(selector).inputmask({mask:'999-AAAA-9999', other_options: xxx})

默認帶的字符定義有
9 ： 數字
A ： 字母
* ： 數字或字母

• 動態(Dynamic mask)

$(selector).inputmask("aa-9{4}"); //static mask with dynamic syntax 
$(selector).inputmask("aa-9{1,4}"); //dynamic mask ~ the 9 def can be occur 1 to 4 times

{n} => n repeats
{n,m} => from n to m repeats
Also {+} and {*} is allowed. + start from 1 and * start from 0

• 可選(Optional mask)

$('#test').inputmask('(99) 9999[9]-9999');

This mask wil allow input like (99) 99999-9999
or (99) 9999-9999
跟[]相關的屬性 greedy

$(selector).inputmask({ mask: "9[-9999]", greedy: false });

The initial mask shown will be "_" instead of "_-____".

• 或（Alternator mask）

"a|9" => a or 9"
(aaa)|(999)" => aaa or 999

別名（Aliase）

除了自己寫mask以外，插件中還預定義了許多預置的mask，這些用aliase來體現

$("#currecy").inputmask({ alias: "currency"});

預置的aliase里面，我主要用了一下關于數字相關的

• numeric 數字，帶小數點
• decimal 與numeric 相同
• currency 貨幣
• percentage 百分比
• integer 整數

除此以外還有日期相關的，我還沒用到。
其中numeric 是基礎，其他aliase都是基于numeric的擴展。
每個aliase的屬性也可以修改
具體屬性看這里

這里特殊說一下，除了可以在設置input的時候指定屬性外，也可以全局的修改這些屬性

Inputmask.extendAliases({
      'numeric': {
        autoGroup: !0,
        groupSeparator: ',',
        placeholder: "0",
        clearMaskOnLostFocus: !1,
        digitsOptional: !1,
        allowPlus : !1
      }
    });

當然，官方文檔中推薦的方式是，不要去修改這些屬性，而是去自定義一個aliase

Inputmask.extendAliases({ 
  'myNum': { 
    alias: "numeric", 
    placeholder: '', 
    allowPlus: false,
    allowMinus: false 
}});

看了一下插件的源代碼，可以看看這些值的默認值
numeric:

            placeholder: "",
            greedy: !1,
            digits: "*",
            digitsOptional: !0,
            radixPoint: ".",
            positionCaretOnClick: "radixFocus",
            groupSize: 3,
            groupSeparator: "",
            autoGroup: !1,
            allowPlus: !0,
            allowMinus: !0,

currency

            prefix: "$ ",
            groupSeparator: ",",
            alias: "numeric",
            placeholder: "0",
            autoGroup: !0,
            digits: 2,
            digitsOptional: !1,
            clearMaskOnLostFocus: !1

decimal

            alias: "numeric"

integer

            alias: "numeric",
            digits: 0,
            radixPoint: ""

percentage

            alias: "numeric",
            digits: 2,
            radixPoint: ".",
            placeholder: "0",
            autoGroup: !1,
            min: 0,
            max: 100,
            suffix: " %",
            allowPlus: !1,
            allowMinus: !1

HTML中聲明 mask

使用inputmask 也可以在HTML中聲明，而不用javascript

<input data-inputmask="'alias': 'date'" />
<input data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" />
<input data-inputmask="'mask': '99-9999999'" />

但要加一句js代碼

$(document).ready(function(){
   $(":input").inputmask();
});

還可以用這樣的格式聲明屬性

data-inputmask-<***the name of the option***>="value"

如

<input id="example1" data-inputmask-clearmaskonlostfocus="false" />
<input id="example2" data-inputmask-regex="[a-za-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?" />