官术网_书友最值得收藏!

Making a part of the mask optional

Till now, all the examples of input masks have shown that all the characters in a mask are mandatory. It is also possible that you can make a part of the mask optional with the use of the question mark (?) character. Anything listed after the question mark within a mask definition will be treated as an optional input. A common use case is displaying the phone number with an optional extension number, as follows:

<span>Phone Ext</span>
<p-inputMask mask="(999) 999-9999? x99999" [(ngModel)]="optional"
name="optionalmask" placeholder="(999) 999-9999? x99999">
</p-inputMask>

Once the user finishes the input by reaching the question mark character and blurs the component, the rest of the validation will be skipped. That is, the input up to that part won't be erased. For example, phone number inputs, such as (666) 234-5678 and (666) 234-5678? x1230 will be valid inputs for the mask's optional case.

The complete demo application with instructions is available on GitHub at
https://github.com/ova2/angular-development-with-primeng/tree/master/chapter3/inputmask.
主站蜘蛛池模板: 昭觉县| 集安市| 广平县| 西畴县| 兴仁县| 信宜市| 大竹县| 巴塘县| 灌阳县| 通辽市| 景东| 武胜县| 青州市| 连南| 鹤峰县| 阿巴嘎旗| 泾阳县| 广安市| 集贤县| 桐梓县| 朝阳市| 个旧市| 乾安县| 庆阳市| 理塘县| 涿鹿县| 莲花县| 临洮县| 巨鹿县| 广德县| 田阳县| 京山县| 毕节市| 红原县| 嵩明县| 安新县| 宁夏| 吉安市| 安吉县| 衢州市| 广宗县|