ИНН талаасы (10 же 12 сандык). Blurдан кийин катаны көрсөтүңүз. Жөнөтүү баскычы форма жарактуу эмес болсо өчүрүлгөн.

10 же 12 сан менен текшерүү менен INN талаасы үчүн, blur кийин катаны көрсөтүү жана форма жараксыз болсо "Жөнөтүү" баскычын блоктоо үчүн мындай кылса болот (Reactте):

import React, { useState } from 'react';

function InnForm() {
  const [inn, setInn] = useState('');
  const [touched, setTouched] = useState(false);

  const isValidInn = (value) => {
    return /^\d{10}$/.test(value) || /^\d{12}$/.test(value);
  };

  const handleBlur = () => {
    setTouched(true);
  };

  const isValid = isValidInn(inn);

  return (
    <form>
      <label>
        INN:
        <input
          type="text"
          value={inn}
          onChange={e => setInn(e.target.value)}
          onBlur={handleBlur}
          maxLength={12}
        />
      </label>
      {touched && !isValid && (
        <div style={{ color: 'red' }}>INN 10 же 12 сан болууга тийиш</div>
      )}
      <button type="submit" disabled={!isValid}>Жөнөтүү</button>
    </form>
  );
}

export default InnForm;
```\n\nБул жерде:\n- Валидация INN так 10 же 12 сандан турганын текшерет.\n- Ката only поле фокусун жоготкондон кийин (`blur`) көрсөтүлөт.\n- "Жөнөтүү" баскычы INN туура эмес болсо өчүрүлгөн.