输入正则表达式大于 0 反应

Question

我想在反应应用程序的输入字段中允许大于 0 的数字 - javascript。 只有当它是第一个字母时，我才不想有0 。 例如1, 5, 15, 20, 500, 1000005是允许的，但0.5是不允许的。 我在网上找到了这个正则表达式，但是它阻止了所有 0 的输入。

  const [val, setVal] = useState("");
  return (
    <div className="App">
      <input
        value={val}
        onChange={(e) => setVal(e.target.value.replace(/[^1-9]/g, ""))}
      />
    </div>
  );

Answer 1

import React, { useState }  from 'react';

export function App(props) {
 const [val, setVal] = useState("");
 return (
   <div className="App">
   <input
    value={val}
    onChange={(e) => {
      e.target.value>0 ? setVal(e.target.value): setVal("")
    }}
    />
  </div>
 );
}

它只会设置大于 0 的值

Answer 2

要强制大于 0 的整数，您可以删除所有非数字，然后删除前导零：

  const [val, setVal] = useState("");
  return (
    <div className="App">
      <input
        value={val}
        onChange={(e) => setVal(e.target.value.replace(/[^0-9]/g, '').replace(/^0+/, ''))}
      />
    </div>
  );