Ecme logoEcme logo
داشبورد
    فروشگاه آنلاین
    پروژه
    بازاریابی
    تحلیل
مفاهیم
    هوش مصنوعی
      گفتگو
      تصویر
    پروژه‌ها
      تابلوی اسکرام
      فهرست
      جزئیات
      وظایف
      مسائل
    مشتریان
      فهرست
      ویرایش
      ایجاد
      جزئیات
    محصولات
      فهرست
      ویرایش
      ایجاد
    سفارش‌ها
      فهرست
      ویرایش
      ایجاد
      جزئیات
    حساب کاربری
      تنظیمات
      سابقه فعالیت
      نقش‌ها و دسترسی‌ها
      تعرفه‌ها
    مرکز راهنمایی
      مرکز پشتیبانی
      مقاله
      ویرایش مقاله
      مدیریت مقاله
    تقویم
    مدیریت فایل
    ایمیل
    گفتگو
اجزای رابط کاربری
    عمومی
      دکمه
      شبکه
      تایپوگرافی
      نمادها
    بازخورد
      هشدار
      پنجره گفتگو
      منوی کشویی
      نوار پیشرفت
      پیش‌نمایش
      نشانگر بارگذاری
      پیام موقت
    نمایش اطلاعات
      تصویر کاربر
      نشانک
      تقویم
      کارت‌ها
      جدول
      برچسب
      خط زمان
      راهنمای ابزار
    فرم‌ها
      کادر انتخاب
      انتخابگر تاریخ
      کنترل‌های فرم
      ورودی
      گروه ورودی
      دکمه رادیویی
      بخش
      انتخابگر
      کلید دوحالته
      ورودی زمان
      بارگذاری
    ناوبری
      منوی کشویی
      منو
      صفحه‌بندی
      گام‌ها
      زبانه‌ها
    نمودار
      نمودارها
      نقشه‌ها
احراز هویت
    ورود به سیستم
      ساده
      کناری
      دوبخشی
    ثبت‌نام
      ساده
      کناری
      دوبخشی
    بازیابی رمز عبور
      ساده
      کناری
      دوبخشی
    بازنشانی رمز عبور
      ساده
      کناری
      دوبخشی
    تایید رمز یکبار مصرف
      ساده
      کناری
      دوبخشی
سایر
    دسترسی غیرمجاز
    صفحه فرود
راهنما
    مستندات
    اجزای اشتراکی
    ابزارها
    تاریخچه تغییرات
حق نشر © 2026 Ecme تمامی حقوق محفوظ است.
شرایط و ضوابط | حریم خصوصی و سیاست
اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیش‌تنظیمپاورقی چسبندهبرجسته‌سازی دستورگروه آواتار کاربران

ورودی الگو (PatternInput)

کامپوننت PatternInput، یک کامپوننت ورودی است که با react-number-format بسته‌بندی شده است، برای مثال‌های بیشتر به مستندات رسمی مراجعه کنید.

اساسی (Basic)

استفاده اساسی از PatternInput، تمام پراپ‌های react-number-format می‌توانند به این کامپوننت اعمال شوند.

با فرم (WithForm)

مثال استفاده با React Hook Form

API

الگوی ورودی مستندات (PatternInputDoc)
ویژگیتوضیحاتنوعپیش‌فرض
inputPrefixنمایش محتوای پیشوند داخل ورودیstring | ReactNode-
inputSuffixنمایش محتوای پسوند داخل ورودیstring | ReactNode-
formatالگوی فرمت را با استفاده از کاراکتر # (یا patternChar) تعریف می‌کند. # کاراکتر نگهدارنده برای اعداد است.string-
allowEmptyFormattingبه طور پیش‌فرض کامپوننت PatternFormat زمانی که مقدار خالی است (null، undefined یا '') هیچ فرمت‌بندی اعمال نمی‌کند. اگر می‌خواهید فرمت‌بندی را برای مقادیر خالی اعمال کنید، باید allowEmptyFormatting را به true تنظیم کنید.boolean-
maskبه عنوان کاراکتر ماسک برای مکان‌های عددی استفاده می‌شود، تا زمانی که کاراکتر عددی برای آن موقعیت وارد شود. می‌توانید کاراکترهای ماسک متفاوتی برای هر موقعیت عددی با عبور دادن آرایه‌ای از کاراکترهای ماسک تعیین کنید. توجه: طول کاراکترهای ماسک باید با تعداد # patternChar مطابقت داشته باشد.string | Array-
patternCharاین کاراکتر به شما کمک می‌کند تا کاراکتر الگوی فرمت را تعریف کنیدstring-

وابستگی‌ها

فرمت شماره React

تمامی ویژگی‌های رایج فرمت شماره React را می‌توان بر روی این کامپوننت اعمال کرد، برای مشاهده لیست کامل مستندات رسمی مراجعه کنید.

فهرست مطالب
  • اساسی (Basic)
  • با فرم (WithForm)