我需要一个不接受任何字符的角度输入，仅接受数字

Question

您是否需要一种方法来使用仅接受数字的输入，我已经在我的项目中尝试过

type =“number”，deixar por um caractter stering，使用模式=“[0-9]+$”，但它不起作用

    <input [(ngModel)] = "produto.descricao"  matInput formControlName="descricao" placeholder="Digite uma descricao" pattern="[0-9]+$"> não funciona

    <input [(ngModel)] = "produto.descricao"  matInput formControlName="descricao" placeholder="Digite uma descricao" type="number"> and it doesn't work

Answer 1

1。摇摆

type="number"

：

这是最简单的路线，有点像将输入设置为仅接受数字。但有些浏览器可能有点偷偷摸摸，让“+”或“-”等其他字符进入。

2。模式电源与

type="text"

:

想要更多地控制允许使用哪些字符？这是你的果酱。这是只接受数字的神奇模式：

<input [(ngModel)]="produto.descricao" matInput formControlName="descricao" placeholder="Digite uma descricao" pattern="[0-9]*">

分解：

• pattern="[0-9]*"

  ：这段奇特的代码（正则表达式）表示只允许使用数字 (0-9) 字符，并且可以有零个或多个。

• type="text"

  ：这可以让任何字符正常进入，但该模式确保只有数字可以通过。