فیلد ورودی متن
متن را با دقت و انعطافپذیری جمعآوری کنید. از نامهای ساده گرفته تا الگوهای پیچیده با اعتبارسنجی داخلی، قالببندی هوشمند و سفارشیسازی قدرتمند - فیلد ورودی متن با محدودیتهای کاراکتر، قالببندی خودکار و حالتهای رمز عبور ایمن، با هر مورد استفادهای سازگار میشود.
پایه و اساس هر فرم وردپرس
ایده آل برای:
ویژگیهای قدرتمند برای هر مورد استفاده
📏 کنترل هوشمند طول
حداقل و حداکثر محدودیت کاراکتر
کوتاهترین و بلندترین ورودیهای متنی مجاز را تنظیم کنید. با اعتبارسنجی داخلی مرورگر، از ارسالهای خیلی کوتاه یا خیلی بلند جلوگیری کنید.
اعتبار سنجی بلادرنگ
اگر نوشتهی کاربران الزامات طول را برآورده نکند، بازخورد فوری دریافت میکنند - پس از ارسال، هیچ شگفتی وجود ندارد.
مثال:
- نام کاربری: حداقل ۳، حداکثر ۲۰ کاراکتر
- کد پستی: حداقل ۵، حداکثر ۱۰ کاراکتر
- نام: حداقل ۲، حداکثر ۵۰ کاراکتر
- نظر: حداکثر ۵۰۰ کاراکتر
دلیل اهمیت آن:
کنترل کیفیت دادهها، جلوگیری از هرزنامه، اطمینان از سازگاری پایگاه داده و راهنمایی کاربران برای ارائه میزان مناسب اطلاعات.
✅ الگوهای اعتبارسنجی داخلی
۶ نوع اعتبارسنجی از پیش تنظیمشده:
- ۱. هیچکدام - هر متنی را میپذیرد (پیشفرض)
۲. ایمیل - قالب ایمیل مناسب را تأیید میکند ([ایمیل محافظت شده])
۳. URL - به آدرسهای وب معتبر نیاز دارد (https://example.com)
۴. فقط حروف - فقط کاراکترهای الفبایی و فاصلهها (جان دو)
۵. فقط اعداد – فقط ارقام عددی (۱۲۳۴۵۶)
۶. الفبایی-عددی - حروف و اعداد، بدون کاراکترهای خاص (User123)
به علاوه الگوهای سفارشی:
- اعتبارسنجی regex خودتان را برای قالبهای تخصصی مانند موارد زیر تعریف کنید:
- پلاکها: `^[AZ]{3}[0-9]{4}$`
- کدهای محصول: `^[AZ]{2}[0-9]{6}$`
- قالبهای سفارشی منحصر به کسب و کار شما
بازخورد فوری:
اگر ورودی کاربران با فرمت مورد نیاز مطابقت نداشته باشد، پیامهای خطای واضحی مشاهده میکنند.
✂️ اصلاح خودکار فضای سفید
پاکسازی خودکار دادهها
فاصلههای تصادفی را از ابتدا و انتهای ورودیهای متن حذف کنید. دیگر خبری از «جان» نیست، در حالی که «جان» را میخواهید.
استفاده از موارد:
- آدرسهای ایمیل (بدون فاصله در انتهای آدرس)
- نامهای کاربری (بدون فاصله در ابتدای نام کاربری)
- کدهای مرجع (مطابقات دقیق)
- هر زمینهای که دقت در آن اهمیت دارد
مزایا:
خطاهای کاربر را کاهش میدهد، سازگاری دادهها را بهبود میبخشد، از مشکلات اعتبارسنجی جلوگیری میکند و تطبیق و جستجو را ساده میکند.
🔒 حالت رمز عبور
پوشش ورودی امن
هر فیلد متنی را به فیلد رمز عبور تبدیل کنید. کاراکترها به صورت نقطه (•••) ظاهر میشوند تا از اطلاعات حساس در برابر افراد سودجو محافظت شود.
ایده آل برای:
- ورودیهای رمز عبور و پین
- کدها و توکنهای امنیتی
- شمارههای شناسایی محرمانه
- کدهای احراز هویت دو مرحلهای
رفتار هوشمندانه:
حالت رمز عبور به طور خودکار ویژگیهای متناقض مانند تبدیل متن و انواع ورودیهای خاص را غیرفعال میکند تا امنیت را تضمین کند.
📱 انواع ورودی هوشمند
بهینه شده برای موبایل و دسکتاپ:
- متن معمولی - ورودی متن استاندارد برای استفاده عمومی
- جستجو - شامل دکمه پاک کردن داخلی (X) برای تنظیم مجدد سریع
- تلفن - صفحه کلید عددی را در دستگاههای تلفن همراه برای ورود آسانتر شماره تلفن فعال میکند
- URL - صفحه کلید تخصصی موبایل را با میانبرهای .com و .org نشان میدهد
دلیل اهمیت آن:
نوع ورودی مناسب، سرعت ورود اطلاعات در موبایل را افزایش میدهد، خطاها را کاهش میدهد و تجربه کاربری را در همه دستگاهها بهبود میبخشد.
🎨 تبدیل خودکار متن
قالببندی متن مطابق با نوع کاربر:
- بدون تغییر شکل - متن دقیقاً همانطور که وارد شده باقی میماند
- حروف بزرگ - تمام متن را به حروف بزرگ تبدیل میکند (JOHN DOE)
- حروف کوچک - تمام متن را به حروف کوچک تبدیل میکند (john doe)
- حرف اول را با حروف بزرگ بنویسید - فقط حرف اول را بزرگ بنویسید (John doe)
- عنوان مورد - حرف اول هر کلمه (جان دو)
ایده آل برای:
- حروف بزرگ: پلاک، کد ایالت، شناسه محصول
- حروف کوچک: آدرسهای ایمیل، نامهای کاربری
- با حروف بزرگ بنویسید: شروع جمله، نامهای مفرد
- عنوان پرونده: نام کامل، آدرسها، عناوین
رفتار هوشمندانه:
تبدیل به طور خودکار در حین ارسال اتفاق میافتد، در حالی که کاربران ورودی اصلی خود را مشاهده میکنند.
🙈 حالت فیلد پنهان
فیلدهای داده نامرئی
فیلدهایی ایجاد کنید که برای کاربران قابل مشاهده نیستند اما دادهها را با فرم ارسال میکنند. ایدهآل برای ردیابی، کدهای ارجاع و مقادیر سیستم.
استفاده از موارد:
- پارامترهای ردیابی UTM
- شناسههای منبع ارجاع
- شماره نسخههای فرم
- نشانگرهای مهر زمانی
- فراداده پنهان
چگونه کار می کند:
«مقدار پنهان» را تنظیم کنید تا بهطور خودکار در هر ارسال فرم، بدون بههمریختگی رابط کاربری فرم، لحاظ شود.
🔀 منطق شرطی
دید میدانی پویا
نمایش یا پنهان کردن فیلدهای متنی بر اساس مقادیر فرمهای دیگر. ایجاد فرمهای هوشمند که با ورودی کاربر سازگار میشوند.
قوانین منطق پیشرفته:
- منطق AND - همه شرایط باید رعایت شوند
- منطق OR - هر شرطی میتواند باعث انجام عمل شود
- ۸ عملگر - مساوی، نامساوی، بزرگتر از، کوچکتر از، شامل، خالی و موارد دیگر
استفاده از موارد:
- نمایش «نام شرکت» فقط زمانی که نوع کاربر برابر با «کسب و کار» باشد
- وقتی عبارت «از کجا با ما آشنا شدید؟» شامل «ارجاع» باشد، عبارت «منبع ارجاع» نمایش داده شود.
- وقتی گزینه اصلی خالی نیست، «سایر جزئیات» را پنهان کن
- نمایش «کد تخفیف» زمانی که مبلغ سفارش بیشتر از ۱۰۰ دلار باشد
🎯 تجربه کاربری بهبود یافته
ویژگیهای هوشمند داخلی:
- مقادیر پیشفرض - فیلدها را از قبل پر کنید تا سرعت تکمیل افزایش یابد
- متن جایگزین - نکات مفید را قبل از تایپ کاربران نمایش دهید
- متن راهنما - توضیحاتی را برای روشن شدن آنچه باید وارد کنید اضافه کنید
- اعتبارسنجی الزامی - فیلدها را با شاخصهای واضح اجباری کنید
- کلاسهای CSS سفارشی - اعمال استایل سفارشی برای مطابقت با برند شما
- پشتیبانی از قابلیت دسترسی - برچسبهای ARIA برای صفحهخوانها
- بهینه شده برای موبایل - ورودیهای لمسی با صفحه کلیدهای مناسب
راهاندازی ساده در ۳ مرحله
فیلد ورودی متن خود را در عرض چند دقیقه آماده کنید
فیلد متن را اضافه کنید
فیلد ورودی متن را از بخش فیلدهای پایه به داخل فرم خود بکشید و رها کنید.
اعتبارسنجی و محدودیتها را تنظیم کنید
نوع اعتبارسنجی (ایمیل، URL، حروف و غیره) را انتخاب کنید، حداقل/حداکثر محدودیت کاراکتر را تنظیم کنید و به صورت اختیاری حالت رمز عبور یا حذف فاصله را فعال کنید.
پیکربندی قالببندی
نوع ورودی را برای بهینهسازی موبایل انتخاب کنید، تبدیل متن (حروف بزرگ، حروف کوچک و غیره) را انتخاب کنید و مقادیر پیشفرض یا متغیرهایی را تنظیم کنید.
🎉 تمام! فیلد متنی شما با اعتبارسنجی و قالببندی هوشمند آماده است.
برنامه های کاربردی در دنیای واقعی
ثبت نام کاربر
* فیلدهای نام کاربری با محدودیت طول
* ورودیهای رمز عبور با قابلیت پنهانسازی
* فیلدهای نام با قالببندی عنوان با حروف بزرگ و کوچک
* آدرسهای ایمیل با اعتبارسنجی
تماس با فرم
* نام کامل با حروف بزرگ و کوچک
* اعتبارسنجی ایمیل
* شماره تلفنها با ورودی تلفن
* فیلدهای پیام/نظر
تجارت الکترونیکی
* کد تخفیف را با حروف بزرگ وارد کنید
* فیلدهای پیام هدیه
* دستورالعملهای ویژه
* یادداشتهای حمل و نقل
برنامه های تجاری
* شماره شناسایی کارکنان
* نام دپارتمانها
* شمارههای مرجع
* کدهای داخلی
درخواستها و ثبت نام
* شماره مجوزها
* کدهای صدور گواهینامه
* شناسههای عضویت
* شناسههای سفارشی
جستجو و فیلتر کردن
* جستجوی ورودی با دکمه پاک کردن
* فیلتر کردن فیلدهای متنی
* ورودیهای کلمات کلیدی
* ورودیهای پرسوجو
گزینههای کامل فیلد
پیکربندی پایه
- برچسب فیلد - عنوانی که در بالای فیلد متنی نشان داده میشود
- توضیحات/متن راهنما - راهنماییهای بیشتر برای کاربران
- فیلد الزامی - ورود متن را اجباری کنید
- متن جایگزین - متن راهنما قبل از تایپ کاربران
اعتبارسنجی طول
- حداقل طول - کمترین تعداد کاراکتر مجاز (اعتبارسنجی)
- حداکثر طول - بیشترین تعداد کاراکتر مجاز (محدودیت سخت)
مقادیر پیش فرض
- مقدار پیشفرض - متن از پیش پر شده هنگام بارگذاری فرم
- مقدار پنهان - مقدار برای فیلدهای پنهان (هنگامی که حالت پنهان فعال است)
امنیت و حریم خصوصی
- فیلد رمز عبور - ورودی را به عنوان رمز عبور پوشش میدهد (نقطهها را نشان میدهد •••)
فیلد پنهان - فیلد را نامرئی کنید اما در ارسالها لحاظ کنید
کیفیت داده
اصلاح فضای خالی - فضاهای اضافی را از ابتدا و انتها به طور خودکار حذف کنید
قوانین اعتبارسنجی
- نوع اعتبارسنجی
- هیچکدام (هر متنی)
- پست الکترونیک ([ایمیل محافظت شده])
- آدرس اینترنتی (https://example.com)
- فقط حروف (فقط AZ)
- فقط اعداد (فقط ۰-۹)
- الفبایی-عددی (AZ و 0-9)
- الگوی سفارشی (عبارت منظم)
- الگوی سفارشی - عبارت منظم برای اعتبارسنجی سفارشی (هنگامی که "سفارشی" انتخاب شده است)
انواع ورودی
- نوع ورودی
- متن عادی
- جستجو (با دکمه پاک کردن)
- تلفن (صفحه کلید عددی در موبایل)
- URL (صفحهکلید تخصصی موبایل)
قالب بندی متن
- تبدیل متن
- بدون تحول
- بالا رفتن
- حروف کوچک
- حرف اول را بزرگ بنویسید
- عنوان مورد
منطق شرطی
- فعال کردن منطق شرطی - نمایش/پنهان کردن بر اساس شرایط
- نوع منطقی
- همه شرایط باید رعایت شود (و)
- هر شرطی قابل تحقق است (یا)
- قوانین مربوط به شرایط
- نمایش/پنهان کردن - اقدامی که باید انجام شود
- فیلد - کدام فیلد را بررسی کنیم
- عملگر - مساوی، غیر مساوی، شامل، بزرگتر از، کوچکتر از، خالی، غیر خالی
- مقدار - مقدار مقایسهای
- شرایط چندگانه - اضافه کردن قوانین نامحدود
گزینه های پیشرفته
- کلاسهای CSS سفارشی - اعمال استایل سفارشی
- ویژگیهای دسترسی - برچسبها و توضیحات ARIA
چرا فیلد ورودی متن ما را انتخاب کنیم؟
✅ همه کاره - برای نامها، کدها، رمزهای عبور و هر چیزی بین این دو کار میکند
✅ اعتبارسنجی هوشمند - بیش از ۶ الگوی اعتبارسنجی به همراه عبارات منظم سفارشی
✅ بهینه شده برای موبایل - صفحه کلیدهای مناسب برای هر نوع ورودی
✅ قالببندی خودکار - تبدیل متن به طور خودکار انجام میشود
✅ امن - حالت رمز عبور از اطلاعات حساس محافظت میکند
✅ پاکسازی دادهها - حذف فضاهای خالی از خطاهای رایج جلوگیری میکند
✅ انعطافپذیر - فیلدهای پنهان، مقادیر پیشفرض، منطق شرطی
✅ کاربرپسند - پیامهای اعتبارسنجی واضح، کاربران را راهنمایی میکنند
✅ کاملاً یکپارچه - با تمام ویژگیهای فرم به طور یکپارچه کار میکند
پرسش و پاسخهای متداول
س: تفاوت بین حداقل/حداکثر طول و اعتبارسنجی چیست؟
حداقل/حداکثر طول، تعداد کاراکترهای مجاز را کنترل میکند. اعتبارسنجی، کاراکترهای مجاز، مانند فقط حروف، فقط اعداد یا فرمت ایمیل را کنترل میکند.
س: آیا میتوانم هم طول و هم قالب را اعتبارسنجی کنم؟
بله. حداقل/حداکثر طول را با قوانین اعتبارسنجی ترکیب کنید. برای مثال، حداقل ۳، حداکثر ۱۵ و اعتبارسنجی الفبایی-عددی را برای فیلد نام کاربری تنظیم کنید.
س: حالت رمز عبور چگونه کار میکند؟
حالت رمز عبور، درست مانند فیلدهای رمز عبور معمولی در صفحات ورود به سیستم، کاراکترها را با نقطه میپوشاند.
س: «حذف فضای خالی» چه کاری انجام میدهد؟
قبل از ارسال، فاصلههای ابتدا و انتهای کد را حذف میکند تا فاصلههای تصادفی اعتبارسنجی را مختل نکنند.
س: آیا میتوانم الگوهای اعتبارسنجی سفارشی ایجاد کنم؟
بله. از «الگوی سفارشی» استفاده کنید و یک عبارت منظم برای اعمال هر ساختار مورد نیاز خود اضافه کنید.
س: تبدیلهای متن چگونه کار میکنند؟
کاربر به طور معمول تایپ میکند و سیستم متن را هنگام ارسال تغییر میدهد، مثلاً به حروف بزرگ یا حروف بزرگ تبدیل میکند.
س: نوع ورودی جستجو برای چیست؟
این افزونه یک دکمه پاک کردن (X) داخلی اضافه میکند تا کاربران بتوانند هنگام جستجو، فیلد را فوراً بازنشانی کنند.
س: چرا از نوع ورودی "tel" استفاده کنیم؟
در موبایل، یک صفحه کلید عددی باز میکند تا وارد کردن ارقام به سبک تلفن آسانتر شود.
س: آیا میتوانم از منطق شرطی با فیلدهای متنی استفاده کنم؟
بله. شرطهایی مانند «شامل میشود»، «مساوی است» یا «خالی است» به شما امکان میدهند فیلدها را بر اساس ورودی کاربر نمایش دهید یا پنهان کنید.
س: فیلدهای پنهان برای چه مواردی استفاده میشوند؟
آنها دادهها را بدون اینکه برای کاربر قابل مشاهده باشند، ذخیره میکنند که برای ردیابی فرادادههایی مانند تگهای UTM یا منابع ارجاع مفید است.
س: آیا میتوان از فیلدهای متنی برای اعداد استفاده کرد؟
بله، اما از فیلد عدد برای محاسبه یا اعتبارسنجی عددی استفاده کنید. وقتی به کدها یا شناسههایی نیاز دارید که نباید به عنوان عدد در نظر گرفته شوند، از متن با «فقط اعداد» استفاده کنید.
س: الگوهای regex چقدر میتوانند دقیق باشند؟
Regex میتواند الگوهای بسیار خاصی را اعمال کند. اگر نیاز به ساخت یا تأیید الگوهای پیچیده دارید، از یک تستر regex استفاده کنید.
