pass only numbers in input react js

Fen Fenovich answered on April 25, 2022 Popularity 8/10 Helpfulness 10/10

answer pass only numbers in input react js

pass only numbers in input react js

Comment

import React, { useState } from "react";

export default function App() {
  const [val, setVal] = useState(0);

  return (
    <div>
      <input
        type="text"
        pattern="[0-9]*" //set pattern
        value={val}
        onChange={(e) =>
          setVal((v) => (e.target.validity.valid ? e.target.value : v)) //check if the pattern equals to the value
        }
      />
    </div>
  );
}

Popularity 8/10 Helpfulness 10/10 Language javascript

Source: thewebdev.info

Tags: input javascript numbers

Link to this answer
Share Copy Link

Contributed on Apr 25 2022

Fen Fenovich

0 Answers Avg Quality 2/10

pass only numbers in input react js

Contents

More Related Answers

pass only numbers in input react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.