Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

295
Vistas
How to allow only Decimal values up to 2 decimal places in an input field in React JS

I have an Input field to which I want user to be able to enter only number/decimal values up to 2 decimal places. User should not be able to enter any alphabet. Can someone please help me with this

My React Component:

import React from 'react'
import { useState } from "react";

function LoanCalc() {
    const [amount, setAmount] = useState();

     const handleChange = (event) => {
         
     }

  return (
    <div className="Container">
      <div className="LoanAmount">
        <label>Loan Amount:</label>
        <span>$
          <input type="text" min="4000" max="100000" value={amount} onChange={handleChange}/>
        </span>
      </div>
    </div>
  );
 }
export default LoanCalc
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

check this codesandbox example

https://codesandbox.io/s/xo2x1qnw0w

additional to not restricting any invalid input this will round off if there is more decimal point

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda