☰

react jsのTextFieldに長さの制約を設定する 質問する

tag-icon • tag-icon javascript reactjs event-handling react-router
react jsのTextFieldに長さの制約を設定する 質問する

ユーザーからカード番号の入力を受け取り、ユーザーが入力した長さが 12 未満でも 12 を超えてもいけないようにします。以下はテキスト フィールドの宣言です。

<TextField
    id="SigninTextfield"
    label="Aadhaar number"
    id="Aadhar"
    lineDirection="center"
    required={true}
    type="number"
    maxLength={12}
    style={styles.rootstyle}
    erorText="Please enter only 12 digits number"
/>

現在、長さを制限するために JavaScript を使用するか、イベント ハンドラーを使用するかがわかりません。

ベストアンサー1

maxLengthテキスト ボックス内のテキストを制限するプロパティを設定できます。

onChangeメソッドの代わりにmaxLength（inputProps小文字のi、私nputProps) のプロパティmaterial-ui TextField。

<TextField
    required
    id="required"
    label="Required"
    defaultValue="Hello World"
    inputProps={{ maxLength: 12 }}
/>

基本的に、オブジェクトを介してすべての入力要素のネイティブ属性を編集できますinputProps。

リンク先テキストフィールドアピ

おすすめ記事