如何解决如何在输入框中将输入限制为仅数字?
<Form.Group>
<Form.Control. onChange={e => { console.log('e------',e.target.value)}}
type='number' />
</Form.Group>
我将类型设置为数字,但是当我单击“输入”(返回按钮)和“-”时,
我仍然可以在输入框中看到“ e”和“-”,但是我只希望用户在输入框中看到数字。
解决方法
您可以使用此
<Form.Control type="number" onKeyDown={ (evt) => evt.key === 'e' && evt.preventDefault() } />
上类似问题的现有答案
,
您可以尝试正则表达式。
<Form.Group>
<Form.Control.
onChange={e => if(e.target.value.match("/^\d*(\.\d+)?$/")){
console.log('e------',e.target.value)
}}
/>
</Form.Group>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。