Html 如何将输入限制为仅输入框中的数字? {console.log('e------',e.target.value)} type='number'/>

Html 如何将输入限制为仅输入框中的数字? {console.log('e------',e.target.value)} type='number'/>,html,reactjs,react-bootstrap,Html,Reactjs,React Bootstrap,我将类型设置为“可以是数字”,但当我单击“输入”(返回按钮)和“-”时 我仍然可以在输入框中看到“e”和“-”,但我只希望用户在输入框中看到数字。您可以尝试regex <Form.Group> <Form.Control. onChange={e => { console.log('e------',e.target.value)}} type='number' /> </Form.Group&

我将类型设置为“可以是数字”,但当我单击“输入”(返回按钮)和“-”时

我仍然可以在输入框中看到“e”和“-”,但我只希望用户在输入框中看到数字。

您可以尝试regex

   <Form.Group>
              <Form.Control. onChange={e => { console.log('e------',e.target.value)}}
             type='number' />
   </Form.Group>

if(e.target.value.match(“/^\d*(\。\d+)?$/”){
console.log('e------',e.target.value)
}}
/>
您可以使用此

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

根据

上类似问题的现有答案,好的,您可以点击投票按钮下方的勾号,检查此答案是否被接受。这是否回答了您的问题?
<Form.Control type="number" onKeyDown={ (evt) => evt.key === 'e' && evt.preventDefault() } />