ইনপুট (ফোন)

Click to copy

ফোন নম্বর লিখতে এবং যাচাই করার অনুমতি দেয়।


দেখুন এবং অনুভব করুন সেটিংস

কম্পোনেন্টের লেবেল দেখানোর জন্য Label (বাধ্যতামূলক নয়) ব্যবহার করা হবে।

Placeholder (বাধ্যতামূলক নয়) উপাদানটির স্থানধারক দেখানোর জন্য ব্যবহার করা হবে।

Name (বাধ্যতামূলক) - উপাদানের নাম।

Tooltip (বাধ্যতামূলক নয়) - টুলটিপ স্ট্রিং।

Mask (বাধ্যতামূলক নয়) - ফোন মাস্ক ব্যবহার করতে হবে।

Required (আবশ্যিক) - মানটি প্রয়োজন কি না তা চিহ্নিত করে। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Allow clear (আবশ্যিক) - নির্বাচনের ক্ষেত্রে পরিষ্কার করার অনুমতি দেয়। ডিফল্টরূপে মিথ্যা সেট করা হয়.

বৈধতা Validate Icon (আবশ্যিক) - সক্ষম হলে বৈধতা আইকন দেখায়। ডিফল্টরূপে মিথ্যা সেট করা হয়.

Disabled (আবশ্যিক) - চালু থাকলে উপাদানটিকে অক্ষম করে তোলে। ডিফল্টরূপে বন্ধ করা হয়.

Visible (বাধ্যতামূলক) - চালু থাকলে উপাদানটিকে দৃশ্যমান করে তোলে। ডিফল্টরূপে সক্রিয়.


ওয়ার্কফ্লো ট্রিগার

  • onChange - ড্রপডাউন বিকল্প পরিবর্তন করা হলে ফায়ার হয়।
  • onFocus - যখন উপাদানটির উপর ফোকাস করা হয় তখন আগুন লাগে।
  • onBlur - উপাদানটি ঝাপসা হয়ে গেলে আগুন লাগে।
  • onCreate - যখন উপাদান তৈরি হয় তখন আগুন লাগে।
  • onShow - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
  • onHide - যখন উপাদানটি লুকানো থাকে তখন আগুন লাগে।
  • onDestroy - যখন উপাদানটি দেখানো হয় তখন আগুন লাগে।
  • onEnterKey - এন্টার কী চাপলে ফায়ার হয়।

কম্পোনেন্ট অ্যাকশন

InputPhone Get Properties

উপাদান এর বৈশিষ্ট্য পায়.

ইনপুট পরামিতি:

  • Component Id [স্ট্রিং] - উপাদানের শনাক্তকারী;

আউটপুট পরামিতি:

  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms ) [integer] - মান যাচাই করতে বিলম্ব;
  • Value [phone number] - ফোন-ফরম্যাট ইনপুট মান;
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

InputPhone Set Properties

কম্পোনেন্টের বৈশিষ্ট্য সেট করে।

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;
  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
  • Value [phone number] - ফোন-ফরম্যাট ইনপুট মান;
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;

InputPhone Update Properties

কম্পোনেন্টের বৈশিষ্ট্য আপডেট করে।

ইনপুট পরামিতি:

  • Component Id [string] - উপাদানের শনাক্তকারী;
  • Label [string] - উপাদানের লেবেল;
  • Placeholder [string] - উপাদানের স্থানধারক;
  • Allow Clear [boolean] - সত্য হলে নির্বাচন পরিষ্কার করার অনুমতি দেয়;
  • Disable [boolean] - সত্য হলে উপাদান নিষ্ক্রিয় করে;
  • Tooltip [string] - টুলটিপ স্ট্রিং;
  • Required [boolean] - সত্য হলে প্রয়োজনীয় চিহ্ন দেখায়;
  • Debounce (ms) [integer] - মান যাচাই করতে বিলম্ব;
  • Value [phone number] - ফোন-ফরম্যাট ইনপুট মান;
  • ভ্যালিডেট Validate Icon [boolean] - আইকনটি ভ্যালিডেট দ্য ভ্যালুতে দেখানো হবে;
  • ভ্যালিডেট Validate Status [Status type] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো স্ট্যাটাস;
  • ভ্যালিডেট Validate Message [string] - ভ্যালিডেট দ্য ভ্যালুতে দেখানো বার্তা;


ব্যবহারের উদাহরণ

প্রবেশ করা মান খালি কিনা তা পরীক্ষা করার একটি উপায় আছে। প্রথমে প্রবেশ করা মানটি শূন্য কিনা তা পরীক্ষা করতে হবে। Component ID নির্দিষ্ট করতে হবে: