Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应:输入类型编号,maxLength不工作?_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 反应:输入类型编号,maxLength不工作?

Javascript 反应:输入类型编号,maxLength不工作?,javascript,html,reactjs,Javascript,Html,Reactjs,假设我试图在一个输入字段中获取10个数字,但maxLength属性对type='number'不起作用,尽管它对type='text'很有效 import React, { Component } from 'react' export default props => { const { handleInput } = props; return ( <div> <span>+92</span> &

假设我试图在一个输入字段中获取10个数字,但maxLength属性对type='number'不起作用,尽管它对type='text'很有效

import React, { Component } from 'react'
export default props => {
  const {
    handleInput
  } = props;

  return (
    <div>
      <span>+92</span>
      <input type='number' placeholder='Phone Number' maxLength={10} onChange={handleInput}/>
    </div>
  )
}
import React,{Component}来自“React”
导出默认道具=>{
常数{
手动输入
}=道具;
返回(
+92
)
}
我在上面写的代码片段中遗漏了什么


一种可能的解决方法是,我在input标记中使用value属性,将输入类型设置为文本,并通过编写onChange函数从正则表达式中测试输入值。

这是一个正常的HTML元素,与React无关

对于忽略类型号的输入,您应该实现自己的验证。
根据Mozilla文档:

我也喜欢Mozilla文档,他们在这方面做得非常好,使所有人都可以访问它(也称为可读/理解)。。。但这不是官方文件。官方版本在w3c上。我的错。准确地说,是Mozilla的官方文件。我会用一个文本字段作为电话号码。通常人们想在括号中加空格,
+
-
。。。