使用正则表达式过滤输入框输入的小数

                    <input
                      matInput
                      placeholder="数量"
                      type="number"
                      min="1"
                      step="1"
                      [(ngModel)]="number"
                      (input)="onInput($event)"
                    />
  onInput(event: Event): void {
    const input = event.target as HTMLInputElement;
    // 使用正则表达式过滤掉非整数部分
    input.value = input.value.replace(/[^0-9]/g, '');
    // 更新模型中的值
    this.number = Number(input.value);
  }
  • replace 是 JavaScript 字符串的一个方法,用于替换字符串中的匹配内容。
  • /[^0-9]/g 是一个正则表达式,用于匹配所有非数字字符。
    • [^0-9]: 方括号中的 ^ 表示“非”,因此 [^0-9] 匹配所有不是数字的字符。
    • g: 这是一个全局标志,表示在整个字符串中查找所有匹配项,而不仅仅是第一个。
  • '': 这是替换字符串。在这个例子中,是一个空字符串,意味着所有匹配的字符都被删除了。

假设输入框的值是 "123abc456",应用这段代码let cleanedValue = input.value.replace(/[^0-9]/g, '');

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值