آشنایی با مفهوم الگو یا قاب

سلام
خیلی از دوستان به این نکته اشاره داشته اند که فیلد” تلفن” موجود در فیلدهای Gravity Forms مطابق با استاندارد شماره تلفن و شماره موبایل ایران نمی باشد و بررسی کننده فرم از ارسال فرم جلوگیری میکند.

طبق آموزش زیر میتونید فرمت دلخواه خودتون رو برای فیلد شماره تلفنتون بسازید. مثلا برخی دوست دارند کاربر شماره تلفن رو به صورت 09112223333 وارد کنه یا برخی دیگه دوست دارند به صورت 3333-222-0911 باشه و غیره.

در ضمن این پست بهانه ای هم شد برای آشنا کردن شما با گزینه “الگو” یا “قاب” در فیلد “متن تک خطی” و  سایر فیلدها.

  • 1 – خب برای شروع شما یک فیلد “متن تک خطی” رو از قسمت فیلد های استاندارد به فرمتون اضافه کنید.
  • 2 – در تب عمومی این فیلد یک چک باکس تحت عنوان “وارد کردن الگو (قاب)” وجود داره که تیکش رو بزنید.
  • 3 – وقتی تیک رو میزنید یک دکمه رادیویی ظاهر میشه که شما با قسمت “سفارشی” کار دارید. پس این گزینه رو انتخاب کنید.
  • 4 – زیر اون دکمه رادیویی که شامل گزینه های “سفارشی” و “استاندارد” هست یک فیلد ورودی وجود داره که باید الگوی دلخواهتون رو توش وارد کنید.

برای وارد کردن الگو (قاب) باید یه چیزهایی کوچیکی رو بدونید که براتون توضیح میدم. به توضیحات زیر دقت کنید :

  • از عدد نه یعنی  ‘9’ برای نشان دادن یک کاراکتری عددی استفاده نمایید.
  • مثلا برای فرمت شماره تلفن به صورت 09112223333 باید الگو رو به صورت 99999999999  یا برای شماره تلفن به صورت 3333-222-0911 باید به صورت 9999-999-9999 وارد کنید . هر 9 یعنی کاربر باید بجاش یک عدد وارد کنه …
  • از حرف کوچک ‘a’ برای نشان دادن یک کاراکتر الفبایی استفاده نمایید.
  • مثلا فرض کنید کاربر قراره یک کد فعالسازی برای شما ارسال کنه تا شما بر اساس اون یک لایسنس کد براش بفرستید. اما مثلا این کد فعالسازی باید حتما به صورت فرمت xxx-xxxxx-xxxxx باشه مانند : ase-scbnt-yUoxo و میخواید که حالت های دیگر مورد قبول نباشه . خوب کافیه که قاب رو به صورت aaa-aaaaa-aaaaa حالا کاربر اگه حالت دیگه ای وارد کنه قبول نمیشه … هر a یعنی کاربر باید بجاش یک کاراکتر حروفی وارد کنه .
  • از یک ستاره ‘*’ برای نمایش دادن کاراکترهای عددی و الفبایی استفاده نمایید.
  • مثلا همون حالت بالا رو در نظر بگیرید که کاربر علاوه بر حروف مجاز به وارد کردن عدد هم باشه. کافیه این بار بجای a از * استفاده کنید . مانند : a9e-5c7nt-y99xo که قاب مربوطه میشه : *****-*****-*
  • از یک علامت سوال ‘?’ برای نمایش کاراکترهای اختیاری استفاده نمایید. تذکر : همه کاراکترهای بعد از علامت سوال اختیاری خواهند شد.
  • یعنی در صورتی که اون قسمت اختیاری هست کافیه قبلش یک علامت سوال ؟ بذارید مانند : قاب 99999?-9999 فیلد ورودی معتبرش میشه : 23462 یا 23462-4062 (البته فارسی نوشتم یکم جابجا شده)
  • تمام کاراکترهای دیگر ارزش های تحت اللفظی هستند و به طور خودکار نمایش داده می شود.
  • مثلا – یا | که عینا وارد میشن.

خب امیدوارم با مفهموم قاب یا الگو آشنا شده باشید.

3.7/5 - (3 امتیاز)

46 پاسخ

  1. سلام مهندس
    وقتت بخیر و خسته نباشی

    با تشکر از آموزشتون، آقا جسارتاً چطور میشه تو لیست های چند انتخابی یا لیست بازشو، کارای زیر رو روی یک یا چندتا از مواردش انجام داد:
    1- قابل انتخاب نبودن اون مورد (صرفا واسه راهنمایی بکار بره)
    2- رنگ نوشته، فونت و اندازه ی اون مورد (میخوام متمایز باشه)
    3- یه دنیا ممنون

    1. سلام ؛
      برای مورد اول کد زیر رو به فایل footer.php قالب اضافه کنید.

      <script type="text/javascript">
      jQuery(document).ready(function($){
      $(".gform_wrapper .gchoice_X_Y_Z input").attr('disabled','disabled');
      }); 
      </script>
      

      برای مورد دوم هم کد زیر رو به آخر فایل style.css قالبتون اضافه کنید.

      <code>body .gform_wrapper .gform_body .gform_fields .gfield_checkbox #label_X_Y_Z {color: red; font-family:tahoma; font-size: 30px;}</code>
      

      X = شماره فرم
      Y = شماره فیلد
      Z = شماره گزینه

      1. ممنون .exe ….
        راستی آقا مرتضی … در مورد درگاه ملت باید بگم از شانس شما اون هم از امروز ای نماد میخواد … هم اس ام اس اومده از بانک .. هم ایمیل که همه باید ای نماد بگیرن … حتی ما هم اگه تا 15 اسفند نگیریم منقضی میشیم ..

  2. سلام به جفتتون…
    ممنونم .exe جون و ممنونم گرویتی فرم پارسی جون (جفتش اختصاصی بود)
    در مورد X و Y میدونستم ولی Z به عقلم خطور نکرده بود… 😉 ممنونم
    در مورد درگاه ها هم قبلاً گفته بودم بهت گرویتی فرم پارسی جان… در هر صورت ممنونتم و چاکرخواتم…
    یه عکس جالب واسه استایل دهی پیدا کردم ولی چون حوصله ی آپلود یه جای دیگه ندارم و لینک سایتشم یادم رفته واست ایمیلش میکنم…
    و اینکه ببخش که گاهی سوالام زیاد با موضوع مرتبط نیست، آخه جای دیگه ای تو سایت نتونستم واردش کنم… (کاش میشد ما هم بتونیم تاپیک باز کنیم..)
    یه سوال دیگه م دارم که ایمیل میکنم
    با آرزوی سلامتی واسه هر دوتون

  3. سلام مجدد به شما
    .exe جان ازت خیلی خیلی ممنونم که لطف داشتی بهم اما ببخش جسارت میکنم…… آقا متأسفانه هیچ کدوم از کدایی که معرفی کردی هیچ تأثیری روی گزینه هام ایجاد نکرد… در واقع حس میکنم ” گزینه‌ی Z ” واسه گرویتی تعریف نشده س، شما حتی اگه بدون “_Z” هم این کدو وارد کنی هیچ نتیجه ای نمیگیری…

    یه جا که قبلا آدرس دادم (http://www.neilcurtis.me/guides/styling-and-formatting-gravity-forms/) به این شکل توصیه کرده و صحیحش هم همین هست (تست کردم) یعنی:
    body .gform_wrapper .gform_body .gform_fields #field_’FORM_ID’_’FIELD_ID’.gfield ‘FIELD TYPE’
    {
    Styling goes here;
    }
    ——————————————————————————————-
    واسه قسمت FIELD TYPE:
    “select” = use for drop down field types
    “textarea” = use for paragraph text field types
    “input[type=url]” = use for website field types

    ولی گزینه‌ی Z تعریف نشده س ظاهراً!!!
    اگه راه حلی به ذهنتون میرسه مشتاقانه منتظرم…

    لطفاً اگه اشتباه میکنم بهم بگین
    وقتتون بخیر

    1. سلام ؛
      ببخشید فکر کردم چک باکس رو گفتین ( کد چک باکس رو قرار دادم و با چک باکس تست کرده بودم، برای چک باکس ها و رادیویی ها Z هم داره )
      برای غیر فعال کردن گزینه در چند انتخابی و کشویی از کد زیر استفاده کنید.

      
      <script type="text/javascript">
      
      var op = document.getElementById("input_X_Y").getElementsByTagName("option");
      for (var i = 0; i < op.length; i++) {
        if (op[i].value.toLowerCase() == 'test') {
          op[i].disabled = true;
        }
      }
      
      </script>
      

      برای رنگ و فونت هم از کد زیر استفاده کنید.

      
      body .gform_wrapper .gform_body .gform_fields #field_X_Y.gfield select option[value="test"] {color:red; font-family:tahoma;}
      

      بجای tset مقدار فیلد رو بزارید .

  4. سلام به شما
    .exe جان یه دنیا ممنونتم ( ∞̂∞ LIKEs )
    اونجا متوجه شدم که منظورت چک باکس بوده 🙂 ، برطرفشم کرده بودم اما نمیشد،
    تشکر ویزه واسه معرفی این پیج…
    بازم یه دنیا ممنونم و ببخش جسارت کردم (مطمئن بودم کار خودم ایراد داره)
    بدرود.

  5. سلام
    ممنون از سایت خوبتون
    من فیلد تک خطی و قاب سفارسی بصورت 999-99999999 برای تلفن و هم چنین برای تلفن همراه بصورت 99999999999تعریف کردم ولی متاسفانه اعمال نمیشه یعنی کاربر هر چی تو این فیلدها وارد کنه بدون اعتبارسنجی قبول میکنه…
    میشه راهنمایی کنید مشکلش چیه ؟؟
    سپاس

    1. سلام .
      مشکلی نیست . احتمالا شما یکجا رو درست انجام ندادید . یک نمونه آنلاین براتون میذارم ببینید :
      http://develop.gravityforms.ir/demo-gateway/

      همون فرم بالا رو هم فایل برون ریزی شده رو براتون قرار دادم بعد از اکسترکت میتونید درون ریزی کنید و تست بگیرید :
      http://develop.gravityforms.ir/wp-content/uploads/2015/04/gravityforms-export-2015-04-12.zip

      1. ممنون مرسی از سایت خوبتون. جناب تو همین کامنت ها یکی دو تا سایت دوستان معرفی کردن واسه تغیرر سایز یا رنگ یا…که انگلیسی هست من هم نفهمیدم هرکار کردم اموزش اینها هم اگه مقدور بود بزارین ممنون

  6. با سلام و تشکر از سایت خوبتون و زحمات بی دریغتون
    من قالب سفارشی 99999999999 را برای یک فیلد تک خطی تعریف میکنم ولی بعد از زدن دکمه بروز رسانی فرم، به جای قالبی که تعریف کردم فقط یه دونه 1 نشون داده میشه و توی فرم هم فقط یه دونه 1 نشون داده میشه و چیزی هم نمیشه درون فرم وارد کرد.
    ممنون میشم اگه راهنمائیم کنید.

      1. اون فیلد رو پاک کردم و یک فیلد جدید گذاشتم بدون اینکه نگه دارنده یا مقدار پیش فرض داشته باشه و براش یه قاب سفارشی 99999999999 تعریف کردم ولی باز هم همونطوریه بعد از زدن دکمه بروز رسانی فرم، به جای قابی که تعریف کردم فقط یه دونه 1 نشون داده میشه و توی فرم هم فقط یه دونه 1 نشون داده میشه و چیزی هم نمیشه درون فرم وارد کرد.
        البته هر کاراکتر و به هر تعدادی که وارد کنم هم باز همین اتفاق میوفته.

          1. فقط افزونه فارسی ساز وردپرس نصب هست.
            توی یه فرم دیگه هم تست کردم بازم همین مشکل هست.
            ورپرس من نسخه 4.2.1 هست و افزونه Gravity Forms نسخه 1.9.9 که فارسی ساز شما هم روش نصبه و بروز هم هست.
            به نظر شما ممکنه اشکال از نصب وردپرس یا افزونه Gravity Forms باشه و با نصب مجددشون مشکل حل بشه؟

  7. من اصلاً توی همون قسمت مدیریت مشکل دارم. همونجا وقتی بری فیلد قالب تعریف می‌کنم، و بعد دکه بروزرسانی فرم رو میزنم، توی همون قسمت ویرایش فرم و توی قسمت قاب سفارشی فیلدم یه دونه 1 میذاره که طبیعتاً توی سایت هم با هر قالبی این مشکل دیده میشه. البته با این حال با قالب 2015 هم آزمایش کردم و مشکل کماکان پابرجاست.

      1. مشکل از خود افزونه هست البته منظورم افزونه اصلی Gravity Forms هست نه افزونه فارسی‌ساز شما. تداخل یا مشکل دیگه‌ای هم وجود نداره.
        روی چند نسخه وردپرس خام و بدون هر افزونه دیگر نصب شد ولی کماکان مشکل وجود داره.
        احتمالاً این اشکال مختص به نسخه 1.9.9 هست و توی نسخ آینده حل بشه.

          1. بله درسته
            البته من هم نگفتم همه افرادی که از ویرایش 1.9.9 افزونه استفاده میکنند این اشکال رو ندارند ولی میتونم بگم همه افرادی که این اشکال رو دارند بلا استثنا از ویرایش 1.9.9 استفاده میکنند.
            البته معمولاً اگر افزونه مستقیماً با ویرایش 1.9.9 نصب شده باشه این مشکل بوجود میاد و اگر با ویرایش پائین‌تر نصب شده باشه و به ویرایش 1.9.9 بروزرسانی بشه این مشکل دیده نمیشه.

  8. بله منم دقیقا همین مشکل حسین آقا رو دارم. هیچ چیزی روی وردپرسم نصب نکردم. حتی پوسته.
    و در بخش مدیریت هم عدد 1 رو نشون میده. همه چیز هم آخرین نسخه هستش

  9. با سلام ضمن تشکر از خدماتتون
    برای اینکه فیلد رو محدود کنیم به کارکترهای فارسی باید چه کنیم
    ؟
    با تشکر

  10. سلام بزرگوار
    وقتی با گوشی اندروید وارد یه فرم میشیم.، قاب ها کار نمیکنند و هرچی وارد کنیم قبول میکنند.
    راهی برا اصلاحش هست،؟

  11. یه مشکلی دارم اینکه وقتی فرمی رو پر میکنن تاریخ و زمانی که فرم ثبت میشه با زمان ثبت واقعی متغییره چجوری میتونم درستش کنم؟
    ممنون از پاسخگویی خوب همیشگیتون

جدیدترین مقالات