Javascript 反应:输入类型编号,maxLength不工作?
假设我试图在一个输入字段中获取10个数字,但maxLength属性对type='number'不起作用,尽管它对type='text'很有效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> &
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的官方文件。我会用一个文本字段作为电话号码。通常人们想在括号中加空格,
+
或-
。。。