目前我有一個輸入標簽，我只允許輸入 0.1、0.123、0.2、....（這樣的數字）之類的數字。我為此輸入標簽使用了 react-hook-form。`
<input
type="text"
{...register("version")}
onChange={(e: any) => {
setValue("version", e.target.value)
}}
className={`form-control project-form-control rounded-0 input-digga2 ${
errors.version ? "is-invalid" : ""
}`}
name="version"
pattern="[0-9.]"
/>
`
當我執行 onChange 時我想做的是有一種方法我只能允許用戶更改點后的數字并且它仍將保持為“0.”。
uj5u.com熱心網友回復：
您可以使用正則運算式，如下所示。
if (value.match(/\w\../) && !value.match(/[A-Za-z]\.\d/)) {
return;
}
我創建了一個沙箱代碼并且它有效，檢查一下：
https://codesandbox.io/s/stackoverflow-response-or8pzh
我還重新排序您的代碼以提高代碼的可讀性。當你使用 React 時，讓我給你一些建議。
- 避免在渲染 HTML 語法代碼中放置函式和驗證，這是許多開發人員難以理解代碼的原因之一。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/534517.html
標籤：反应输入反应挂钩形式