INN sahəsi (10 və ya 12 rəqəm). Blur-dan sonra səhv göstər. Göndər düyməsi forma düzgün olmadıqda deaktivdir.

10 və ya 12 rəqəmli yoxlama ilə INN sahəsi üçün, blur sonrası səhv göstərilməsi və forma etibarsız olduqda "Göndər" düyməsinin bloklanması üçün aşağıdakı kimi edə bilərsiniz (React-də):

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 və ya 12 rəqəmdən ibarət olmalıdır</div>
      )}
      <button type="submit" disabled={!isValid}>Göndər</button>
    </form>
  );
}

export default InnForm;
```\n\nBurada:\n- Validasiya INN-in tam olaraq 10 və ya 12 rəqəm olduğunu yoxlayır.\n- Xəta yalnız sahə itirildikdən sonra (`blur`) göstərilir.\n- "Göndər" düyməsi INN düzgün olmadıqda deaktivdir.