問題タブ [react-hook-form]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 反応マテリアルUIを使用して入力フィールドonKeyUpをマスクする方法は?
DOB フィールドと PHONE フィールドを持つログイン フォームを作成しました。ユーザーが入力する場所。入力中は、値を DOB 形式 (YYYY-MM-DD) としてマスクし、電話形式を (999) 999-9999 としてマスクする必要があります。TextFied にはマテリアル UI を使用し、フォーム検証には react-hook-form を使用しました。KeyUpに正規表現を与えることで、ある程度のことを達成できます。ただし、数値フィールドの文字は受け入れます。ここで CodeSandbox に例を追加しました: https://codesandbox.io/s/react-material-ui-login-tdcoh
また、ここでコードを縮小しています。これで私を助けてください。
前もって感謝します