1

В Google Chrome input при type = "number" ввод букв и символов автоматически контроллируется, однако в Mozila FireFox даже задав тип number ввод букв и символов позволяется, хоть и при submite выводится предупреждение, как сделать так чтобы в Mozila ввод в инпут был позволен только цифрам? (Использую React)

1 ответ 1

0

Можно использовать регулярное выражение, которое будет заменять нечисленные значения на пустые (функция handleInput):

import { useState } from "react";

const App = () => {
  const [input, setInput] = useState("");

  const handleInput = (event) => {
    const result = event.target.value.replace(/\D/g, "");

    setInput(result);
  };

  return (
    <div>
      <input
        type="text"
        placeholder="Ввод только для чисел"
        value={input}
        onChange={handleInput}
      />
    </div>
  );
};

export default App;

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.