如何在 kendo 中创建具有掩码值的文本框，如 PAN-123-1234-12345

Question

我想要一个默认值为 PAN--- 的文本框。

我可以这样输入PAN-123-1234-12345

前3个应该是字符接下来的 3 应该是整数接下来的 4 应该是整数接下来的 5 应该是整数

我试过下面的代码

 <kendo-label [text]="'PAN Number'">
      <kendo-maskedtextbox          
     
      [mask]="'PAN-000-0000-00000'"
      >
    </kendo-maskedtextbox>

获取输出

_A_-___-____-_____

Answer 1

您的掩码应该是这 3 个中的一个，具体取决于您允许的前 3 个字符：

"LLL-000-0000-00000" //first 3 have to be letters
"AAA-000-0000-00000" //first 3 have to be alphanumeric
"&&&-000-0000-00000" //first 3 can be any character

然后将值设置为 'PAN' 以默认前 3 个字母。

例如

$("#maskedtextbox").kendoMaskedTextBox({
    mask: "LLL-000-0000-00000",
    value: 'PAN'
});

DEMO

如何在 kendo 中创建具有掩码值的文本框，如 PAN-123-1234-12345

how to create a text box with mask value like this PAN-123-1234-12345 in kendo

javascript

typescript

kendo-ui

maskedtextbox