فیلد تلفن
شماره تلفنها را با دقت و ظرافت جمعآوری کنید. از قالبهای بینالمللی گرفته تا قالببندی خودکار با اعتبارسنجی زنده، الگوهای سفارشی و صفحهکلیدهای بهینهشده برای موبایل - فیلد تلفن، جمعآوری دقیق تلفن را با ورودی کاربرپسند و قالببندی حرفهای تضمین میکند.
مجموعه تلفنهای هوشمند با قالببندی خودکار
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
🌍 فرمتهای مختلف تلفن
چهار گزینه قالب:
قالب بینالمللی - قالبی انعطافپذیر که با استانداردهای تلفن هر کشوری سازگار است. الگوهای مختلف بینالمللی مانند +1 (123) 456-7890 یا +44 1234 567890 را میپذیرد.
- قالب آمریکایی - (123) 456-7890 - قالب استاندارد آمریکای شمالی با پرانتز و خط تیره خودکار.
- فرمت بریتانیایی - 01234 567890 - فرمت بریتانیایی با فاصله بعد از کد منطقه.
- قالب سفارشی - الگوی خود را با استفاده از عدد ۹ برای ارقام و نمادها برای جداکنندهها تعریف کنید (مثلاً +۹۹ ۹۹۹-۹۹۹-۹۹۹۹).
چرا فرمت اهمیت دارد:
- تضمین ثبات در بین مطالب ارسالی
- کیفیت و خوانایی دادهها را بهبود میبخشد
- انتظارات کاربران را بر اساس منطقه مطابقت میدهد
- اعتبارسنجی شماره تلفن را ساده میکند
متغیرهای هوشمند:
متن جایگزین مخصوص قالب به طور خودکار ظاهر میشود تا کاربران را در مورد قالب مورد انتظار راهنمایی کند.
⌨️ همانطور که تایپ میکنید، قالببندی کنید
قالببندی خودکار زنده
«قالببندی هنگام تایپ» را فعال کنید و ببینید که شماره تلفنها هنگام وارد کردن ارقام توسط کاربران، بهطور خودکار قالببندی میشوند. پرانتز، فاصله و خط تیره بهصورت آنی ظاهر میشوند.
چگونه کار می کند:
- انواع کاربر: ۱۲۳۴۵۶۷۸۹۰
- نمایشگاههای میدانی: (123) 456-7890 (برای فرمت آمریکایی)
- ارسال، شماره با فرمت صحیح را دریافت میکند.
مزایا:
- بازخورد بصری فوری
- کاربران بلافاصله فرمت صحیح را مشاهده میکنند
- خطاهای ورودی را کاهش میدهد
- تجربه کاربری حرفهای
- پس از ارسال، نیازی به قالببندی نیست
نمونههای قالببندی:
- ایالات متحده: (123) 456-7890 فرمتها هنگام تایپ شما
- بریتانیا: 01234 567890 فرمتها با فاصله
- سفارشی: از الگوی تعریفشدهی شما پیروی میکند
📱 ورودی بهینه شده برای موبایل
- صفحه کلید عددی در موبایل
- فیلدهای تلفن به طور خودکار صفحه کلید عددی را در دستگاههای تلفن همراه فعال میکنند. کاربران به جای طرحبندی کامل QWERTY، یک صفحه کلید بهینه شده برای تلفن دریافت میکنند.
- چرا این مهم است:
- ورود سریعتر شماره تلفن در موبایل
- خطاهای تایپی را کاهش میدهد
- تجربه کاربری بهتر در موبایل
- با برنامههای بومی تلفن مطابقت دارد
- کلیدهای عددی بزرگتر برای دقت لمس
سازگاری بین دستگاه ها:
کاملاً روی iOS، اندروید و همه مرورگرهای موبایل با پشتیبانی از صفحهکلید عددی بومی کار میکند.
🎯 الگوهای قالب سفارشی
قالب خودتان را تعریف کنید
به قالبی نیاز دارید که شامل نمیشود؟ با استفاده از نمادگذاری ساده، الگوهای سفارشی ایجاد کنید:
سینتکس الگو:
- برای هر رقمی از `9` استفاده کنید
- از نمادها به عنوان جداکننده استفاده کنید (پرانتز، خط تیره، فاصله، نقطه)
- مثال: `(999) 999-9999` تبدیل میشود به `(123) 456-7890`
الگوهای سفارشی رایج:
- استرالیا: `۹۹ ۹۹۹۹ ۹۹۹۹` → `۰۲ ۱۲۳۴ ۵۶۷۸`
- آلمان: `+49 999 999 9999` → `+49 123 456 7890`
- ژاپن: `۹۹۹-۹۹۹۹-۹۹۹۹` → `۱۲۳-۴۵۶۷-۸۹۰۱`
- هر کشوری: قالب دقیق خود را تعریف کنید
پیش نمایش زنده:
قبل از اینکه کاربران آن را ببینند، ببینید قالب سفارشی شما با مثالهایی از شماره تلفنها چگونه به نظر میرسد.
📏 اعتبارسنجی طول
کنترل حداقل و حداکثر طول
کمترین و بیشترین رقم مجاز را تنظیم کنید. با اعتبارسنجی داخلی مرورگر، مطمئن شوید که شماره تلفنها الزامات شما را برآورده میکنند.
شمارش هوشمند ارقام:
اعتبارسنجی طول فقط ارقام را شمارش میکند و کاراکترهای قالببندی مانند پرانتز، فاصله و خط تیره را نادیده میگیرد.
مثال:
- موبایل ایالات متحده: حداقل ۱۰، حداکثر ۱۰ (دقیقاً ۱۰ رقم)
- بینالمللی: حداقل ۷، حداکثر ۱۵ (اکثر کشورها را پوشش میدهد)
- شمارههای محلی: حداقل ۷، حداکثر ۷ (۷ رقم محلی)
- انعطافپذیر: حداقل ۱۰، حداکثر ۱۵ (قالبهای مختلف)
اعتبار سنجی بلادرنگ:
اگر شماره تلفن خیلی کوتاه یا خیلی بلند باشد، بازخورد بصری ظاهر میشود و از ارسالهای نامعتبر جلوگیری میکند.
✅ شماره تلفنهای پیشفرض
فیلدهای تلفن را از قبل پر کنید
یک شماره تلفن پیشفرض تنظیم کنید که هنگام بارگذاری فرم نمایش داده شود. برای خطوط پشتیبانی، شمارههای دفتر مرکزی یا مخاطبین رایج مفید است.
استفاده از موارد:
- خط تلفن پشتیبانی قبل از تکمیل فرم برای درخواستهای تماس مجدد
- نمایش شماره دفتر مرکزی به عنوان مثال
- تنظیم کد منطقه پیشفرض برای فرمهای مختص منطقه
- شماره تلفن کاربر شناخته شده را از پایگاه داده از قبل وارد کنید
پیشفرضهای قابل ویرایش:
کاربران میتوانند به راحتی مقدار پیشفرض را ویرایش یا جایگزین کنند - این یک نقطه شروع است، قفل نشده است.
🙈 حالت فیلد پنهان
فضای ذخیرهسازی نامرئی تلفن
فیلدهای تلفن مخفی ایجاد کنید که برای کاربران قابل مشاهده نیستند اما دادهها را با فرم ارسال میکنند. ایدهآل برای ردیابی، شمارههای سیستم یا مقادیر backend.
استفاده از موارد:
- شمارههای تماس برگشتی سیستم را ذخیره کنید
- شناسههای خط پشتیبانی را ردیابی کنید
- افزونههای دپارتمان را اضافه کنید
- فرادادههای تماس پنهان
چگونه کار می کند:
«مقدار پنهان» را تنظیم کنید تا بهطور خودکار در هر ارسال فرم بدون نمایش در رابط کاربری فرم شما لحاظ شود.
🔀 منطق شرطی
قابلیت مشاهده پویای میدان تلفن
نمایش یا پنهان کردن فیلدهای تلفن بر اساس مقادیر فرمهای دیگر. ایجاد فرمهای هوشمند که با انتخابهای کاربر سازگار میشوند.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- نمایش «شماره موبایل» فقط زمانی که اولویت مخاطب برابر با «تلفن» باشد
- نمایش «تلفن جایگزین» وقتی نوع کاربر «تجاری» است
- وقتی مکان دفتر انتخاب نشده باشد، «افزونه اداری» را پنهان کن
- نمایش «تماس اضطراری» وقتی نوع شرکتکننده برابر با «جزئی» باشد
🎯 تجربه کاربری بهبود یافته
ویژگیهای هوشمند داخلی:
- نوع ورودی تلفن - صفحه کلید عددی را در دستگاههای تلفن همراه فعال میکند
- پشتیبانی از تکمیل خودکار - مرورگرها میتوانند شماره تلفنهای ذخیره شده را پیشنهاد دهند
- قالببندی بلادرنگ - مشاهدهی قالببندی هنگام تایپ (اختیاری)
- اعتبارسنجی قالب - اطمینان حاصل میکند که اعداد با الگوی مورد انتظار مطابقت دارند
- اعتبارسنجی الزامی - ورود شماره تلفن را با پیامهای خطای واضح اجباری کنید
- نمونههای جایگذاری - نمایش نکات قالببندی قبل از تایپ کاربران
- پشتیبانی متنی راهنما - توضیحاتی را برای روشن شدن نوع تلفن مورد نیاز اضافه کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی برای مطابقت با برند شما
- پشتیبانی از قابلیت دسترسی - سازگار با برچسبهای ARIA و صفحهخوان
راهاندازی ساده در ۳ مرحله
فیلد تلفن خود را در عرض چند دقیقه آماده کنید
فیلد تلفن را اضافه کنید
فیلد تلفن را از بخش فیلدهای پایه (Basic Fields) بکشید و در فرم خود رها کنید.
قالب را انتخاب کنید
قالب تلفن (بینالمللی، ایالات متحده، بریتانیا یا سفارشی) را انتخاب کنید. برای سفارشیسازی، الگوی خود را با استفاده از عدد ۹ برای ارقام تعریف کنید.
پیکربندی گزینهها
برای قالببندی زنده، گزینه «قالببندی هنگام تایپ» را فعال کنید، اعتبارسنجی حداقل/حداکثر طول را تنظیم کنید و در صورت تمایل یک شماره تلفن پیشفرض اضافه کنید.
🎉 تمام! فیلد تلفن شما با قالببندی و اعتبارسنجی هوشمند آماده است.
برنامه های کاربردی در دنیای واقعی
تماس با فرم
* شماره تماس اصلی
* شماره تلفنهای جایگزین
* شماره تلفنهای دفتر و همراه
* فیلدهای تماس اضطراری
سیستمهای رزرو
* شمارههای تأیید قرار ملاقات
* اطلاعات تماس رزرو
* شمارههای درخواست تماس مجدد
* شمارههای اطلاعرسانی پیامکی
تجارت الکترونیکی
* شمارههای تماس سفارش
* شماره تلفنهای تحویل
* تماسهای تلفنی با خدمات مشتریان
* اعلانهای وضعیت سفارش
برنامه های تجاری
* شماره تلفنهای جذب سرنخ
* اطلاعات تماس برای استعلام فروش
* درخواستهای مشارکت
* اطلاعات تماس فروشنده
خدمات و مراقبتهای بهداشتی
* شماره تماس بیماران
* اطلاعات تماس اضطراری
* یادآوری قرار ملاقات
* درخواستهای تماس مجدد خدمات
آموزش و ثبت نام
* اطلاعات تماس دانشجو
* شماره والدین/سرپرست
* مخاطبین اضطراری
* تماسهای تلفنی برای استعلام دوره
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - عنوانی که در بالای فیلد تلفن نشان داده میشود
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - وارد کردن شماره تلفن را اجباری کنید
- متن جایگزین - متن راهنمایی سفارشی (در صورت خالی بودن، به صورت خودکار از قالب تولید میشود)
فرمت تلفن
- شماره تلفنها باید چگونه باشند؟
- قالب بینالمللی (بسته به کشور متفاوت است)
- فرمت ایالات متحده: (123) 456-7890
- فرمت بریتانیا: 01234 567890
- قالب سفارشی (قالب خودتان را تعریف کنید)
الگوی قالب سفارشی
- قالب سفارشی شما - با استفاده از عدد ۹ برای ارقام، الگو را تعریف کنید (هنگام انتخاب قالب سفارشی نمایش داده میشود)
- مثال: `(999) 999-9999` `(123) 456-7890` را ایجاد میکند.
- از نمادها به عنوان جداکننده استفاده کنید: پرانتز، خط تیره، فاصله، نقطه
گزینه های قالب بندی
قالببندی هنگام تایپ - اضافه کردن خودکار پرانتز، فاصله و خط تیره هنگام تایپ
مقادیر پیش فرض
مقدار پیشفرض - شماره تلفن از پیش پر شده هنگام بارگذاری فرم
اعتبارسنجی طول
- حداقل طول - حداقل تعداد ارقام مورد نیاز (0-20)
- حداکثر طول - حداکثر تعداد ارقام مجاز (0-20)
پیشنمایش قالب
قالب نمونه - پیشنمایش زنده که نشان میدهد شماره تلفنها با قالب انتخابی شما چگونه نمایش داده میشوند
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- حالت فیلد پنهان - فیلد را نامرئی کنید اما مقدار را در ارسالها لحاظ کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبها و توضیحات ARIA
- تکمیل خودکار - پیشنهاد شماره تلفن مرورگر را فعال کنید
چرا فیلد تلفن ما را انتخاب کنیم؟
✅ فرمت های انعطاف پذیر – الگوهای بینالمللی، آمریکایی، بریتانیایی یا سفارشی
✅ قالببندی خودکار - قالببندی زنده همزمان با تایپ کاربران
✅ موبایل بهینه شده - صفحه کلید عددی در دستگاههای تلفن همراه
✅ اعتبارسنجی هوشمند - حداقل/حداکثر طول با شمارش ارقام
✅ الگوهای سفارشی - تعریف هر فرمتی برای هر کشوری
✅ کاربر پسند – نمونههای قالببندی و متغیرهای مفید
✅ دادههای پاک - قالببندی یکسان در بین مطالب ارسالی
✅ حرفه ای - ظاهر براق مطابق با انتظارات
✅ کاملاً یکپارچه – به طور یکپارچه با تمام ویژگیهای فرم کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین فرمتهای گوشی چیست؟
بینالمللی فرمتهای مختلفی را با کدهای کشور میپذیرد. فرمت اعداد در ایالات متحده (123) 456-7890 است. فرمت اعداد در بریتانیا 01234 567890 است. سفارشی به شما امکان میدهد الگوی خودتان را با استفاده از عدد 9 برای ارقام ایجاد کنید.
س: «قالببندی هنگام تایپ» چگونه کار میکند؟
همزمان با تایپ ارقام توسط کاربران، فیلد به طور خودکار نمادهای قالببندی را وارد میکند. تایپ 1234567890 فوراً به (123) 456-7890 تبدیل میشود.
س: آیا میتوانم شماره تلفنهای بینالمللی را جمعآوری کنم؟
بله. برای مجاز کردن شمارههایی با کدهای کشور مانند +۱، +۴۴، +۹۱ و موارد دیگر، قالب بینالمللی را انتخاب کنید.
س: الگوی قالب سفارشی چه کاری انجام میدهد؟
این ساختار دقیق شماره تلفن را تعریف میکند. برای ارقام مورد نیاز از عدد ۹ استفاده کنید و نمادهایی مانند فاصله یا خط تیره اضافه کنید.
س: اعتبارسنجی طول چگونه کار میکند؟
حداقل و حداکثر طول فقط ارقام را میشمارند - قالببندی را اعمال نمیکنند. اگر حداقل ۱۰ و حداکثر ۱۰ را تنظیم کنید، کاربران باید دقیقاً ۱۰ رقم وارد کنند.
س: چرا از فیلد تلفن به جای ورودی متن استفاده کنیم؟
این برنامه کیبوردهای عددی موبایل را فعال میکند، از قالببندی خودکار پشتیبانی میکند، ساختار را اعتبارسنجی میکند و امکان تکمیل خودکار اعداد ذخیره شده را برای مرورگر فراهم میکند.
س: آیا کاربران میتوانند شماره تلفنهای با فرمت خودکار را ویرایش کنند؟
بله. کاربران میتوانند آزادانه ارقام را اضافه یا حذف کنند و قالببندی به طور خودکار تنظیم میشود.
س: اگر قالببندی غیرفعال باشد چه اتفاقی میافتد؟
کاربران ارقام ساده را بدون قالببندی خودکار تایپ میکنند، اما متغیرهای ورودی و اعتبارسنجی طول همچنان ورود صحیح را هدایت میکنند.
س: آیا میتوانم الگوهای خاص تلفن را اعتبارسنجی کنم؟
بله. قالبهای سفارشی را با محدودیتهای حداقل/حداکثر رقم ترکیب کنید تا با هر استاندارد منطقهای مطابقت داشته باشد.
س: آیا این با لینکهای واتساپ یا پیامک کار میکند؟
بله. از شمارههای ارسالی میتوان برای ایجاد لینکهای قابل کلیک در واتساپ یا پیامک در اعلانها استفاده کرد.
س: آیا میتوانم فرمتهای مختلف تلفن را برای کشورهای مختلف نشان دهم؟
بله. از منطق شرطی برای نمایش قالبها بر اساس کشور انتخاب شده استفاده کنید.
س: اگر فرمت کشور من در لیست نباشد، چه میشود؟
با استفاده از قالب سفارشی، قالب خودتان را ایجاد کنید. از عدد ۹ به عنوان جایگزین ارقام استفاده کنید و ظاهر نهایی را به صورت زنده پیشنمایش دهید.
