Javascript 如何允许输入数字类型具有空格和逗号

您如何允许

input type=“number”

接受类似

1、2、3、55的内容，而不仅仅是带小数的常规
number

我尝试使用这个模式，但它似乎并没有发挥它的魔力，因为它仍然只接受数字和小数


示例：
渴望的：
您应该只使用type=text并使用js验证/格式化它


$（'input'）。在（'change，keyup'，function（）上{
var currentInput=$（this.val（）；
var fixedInput=currentInput.replace（/[A-Za-z！@$%^&*（）]/g'）；
$（this）.val（fixedInput）；
控制台日志（fixedInput）；
});
您应该只使用type=text并使用js验证/格式化它


$（'input'）。在（'change，keyup'，function（）上{
var currentInput=$（this.val（）；
var fixedInput=currentInput.replace（/[A-Za-z！@$%^&*（）]/g'）；
$（this）.val（fixedInput）；
控制台日志（fixedInput）；
});
看看这是否能帮助您。模式是正则表达式。查看regex以获得更多定制

<form>
  <input type="text" pattern="([0-9]+.{0,1}[0-9]*,{0,1})*[0-9]" required>
  <input type="submit">
</form>

看看这是否能帮助您。模式是正则表达式。查看regex以获得更多定制

<form>
  <input type="text" pattern="([0-9]+.{0,1}[0-9]*,{0,1})*[0-9]" required>
  <input type="submit">
</form>

您可以使用一个常规的
，后面有一些正则表达式：


var input=document.querySelector（'input'）；
addEventListener（'input'，function（）{
this.value=this.value.replace（/[^0-9\，]/，''）；
});
您可以使用一个常规的
，后面有一些正则表达式：


var input=document.querySelector（'input'）；
addEventListener（'input'，function（）{
this.value=this.value.replace（/[^0-9\，]/，''）；
});
在
类型=编号
输入中不支持逗号：是否有解决方法？类型为
编号
的
输入
只能包含一个编号。规范就是这样定义的。即使有可能绕过这一限制，也不应该这样做，因为这样会打破明确定义元素的概念，并且浏览器的任何更新都可能失败。因此，如果类型
number
不符合您的要求，那么您需要寻找另一种解决方法。为什么不将其保留为文本，并用模式限制可能的值？在服务器的接收端，输入类型是text、number、hidden还是select实际上并不重要。只有在提交表单时，模式才会启用。您需要对keyup进行验证，以便每次按键都可以进行监视和验证。在
type=number
输入中不支持删除字母或显示警告逗号：是否有解决方法？类型为
number
的
输入只能包含一个数字。规范就是这样定义的。即使有可能绕过这一限制，也不应该这样做，因为这样会打破明确定义元素的概念，并且浏览器的任何更新都可能失败。因此，如果类型
number
不符合您的要求，那么您需要寻找另一种解决方法。为什么不将其保留为文本，并用模式限制可能的值？在服务器的接收端，输入类型是text、number、hidden还是select实际上并不重要。只有在提交表单时，模式才会启用。您需要对keyup进行验证，以便每次按键都可以进行监视和验证。删除字母表或显示警告当使用英文键盘时，这很好，但如果使用日语，则不起作用。它仍然接受输入字符。这在使用英语键盘时可以正常工作，但如果使用日语，则不起作用。它仍然接受输入字符。@clabe45输入验证应用伪css类
：valid
和
：invalid
，因此，在用户提交表单之前，验证结果将提供给用户->@clabe45输入验证应用伪css类
：valid
和
：invalid
，因此，在用户提交表单之前，会将验证结果提供给用户->