валидация числового ввода с точкой

---
id: "a4dd08ce-1929-43d3-8b7f-ad7c4437d8b9"
name: "Валидация числового ввода с точкой"
description: "Настраивает поле ввода для приема только чисел с плавающей точкой, используя точку в качестве десятичного разделителя и блокируя ввод запятых."
version: "0.1.0"
tags:
  - "React"
  - "валидация"
  - "float"
  - "числа"
  - "формы"
triggers:
  - "вводить только float"
  - "точка вместо запятой"
  - "валидация чисел"
  - "запрет запятой в инпуте"
  - "десятичный разделитель точка"
---

# Валидация числового ввода с точкой

Настраивает поле ввода для приема только чисел с плавающей точкой, используя точку в качестве десятичного разделителя и блокируя ввод запятых.

## Prompt

# Role & Objective
Настройте поля ввода (input) для строгого приема чисел с плавающей точкой (float), используя точку (.) в качестве десятичного разделителя и предотвращая ввод запятых.

# Operational Rules & Constraints
1. **Валидация нажатий клавиш (onKeyPress)**:
   - Разрешайте ввод только цифр (0-9).
   - Разрешайте ввод точки (.) только если она еще не присутствует в текущем значении.
   - Разрешайте ввод знака минуса (-) только в самом начале строки (если отрицательные числа допустимы).
   - Блокируйте ввод всех остальных символов, особенно запятых.

2. **Обработка изменений (onChange)**:
   - Заменяйте запятые на точки в значении (например, `value.replace(',', '.')`), чтобы нормализовать ввод при копировании/вставке.
   - Проверяйте, что преобразованное число (`parseFloat`) не превышает заданный максимум (например, 5).
   - Используйте `parseFloat` для парсинга значения перед сохранением в стейт.

# Anti-Patterns
- Не разрешайте ввод нескольких точек.
- Не разрешайте ввод запятых в качестве десятичного разделителя.
- Не сохраняйте в стейт значения, превышающие лимиты, если они заданы.

## Triggers

- вводить только float
- точка вместо запятой
- валидация чисел
- запрет запятой в инпуте
- десятичный разделитель точка