prevent two decimal in input type number react

rony khan answered on March 7, 2023 Popularity 3/10 Helpfulness 1/10

answer prevent two decimal in input type number react

prevent two decimal in input type number react

Comment

import React, { useState } from "react";

const App = () => {
  const [value, setValue] = useState("");

  const handleChange = (event) => {
    // Get input value from event object
    const inputValue = event.target.value;
    // Update value state
    setValue(inputValue);
  };

  return (
    <div>
      {/* Use standard HTML input tag */}
      <input
        type="text"
        value={value}
        onChange={handleChange}
        pattern="^\d+(\.\d{2})?$"
        onInput={(e) =>
          (e.target.value = e.target.value
            .replace(/[^0-9.]/g, "")
            .replace(/(\..*?)\..*/g, "$1")
            .replace(/(\.\d{2}).+/g, "$1"))
        }
      />
      {/* Display value state */}
      <p>{value}</p>
    </div>
  );
};

export default App;

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: decimal input javascript

Link to this answer
Share Copy Link

Contributed on Mar 07 2023

rony khan

0 Answers Avg Quality 2/10

prevent two decimal in input type number react

Contents

More Related Answers

prevent two decimal in input type number react

Grepper

Documentation

Social

Legal

Contact

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