Blazor - 如何防止文本框 (InputText) 中出现非数字字符？

Question

我在 blazor 中有一个 InputText，我想阻止非数字字符，那么基本的 razor 和 c# 代码是什么？这是我需要它的工作方式，用户输入一个字符，它一起拒绝输入，并显示一条验证消息，说明只允许使用数字。到目前为止，我已经尝试过使用正则表达式的 datanotations 范围属性，但这并不拒绝非数字字符。

Answer 1

它实际上是一个 html/javascript 的东西。添加

onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))"

到您的 html 输入元素将阻止用户输入非数字。如果您需要显示验证消息，我宁愿使用类似

@oninput="async () => await isInputNumeric()"

在这个元素中然后创建函数

private async Task isInputNumeric() { // call javascript to check the what is inside you input element (what is the last character) and act accordingly -> show message and delete the non-numeric character OR carry on if input is numeric }

您必须使用 javascript，因为 blazor 还没有 c# 访问 html 元素的方式。