如何在输入框中将输入限制为仅数字？

问题描述

   <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() } />

根据stackoverflow

上类似问题的现有答案 ,

您可以尝试正则表达式。

  <Form.Group>
       <Form.Control. 
          onChange={e =>  if(e.target.value.match("/^\d*(\.\d+)?$/")){
              console.log('e------',e.target.value)
          }}
       />
   </Form.Group>