با اعتبار سنجی فرم در زمان واقعی ، بازدیدکنندگان وب خود را تحت تأثیر قرار دهید

فرم آنلاین

اولین احساسی که معمولاً به عنوان کاربر یک برنامه وب دارید ، هنگام پر کردن فرم وب است. من از تعداد فرمهای وب موجود که اعتبار آنها صفر است یا منتظر ارسال مطالب فرم خود هستند قبل از اینکه به شما بگوییم چه مشکلی دارید ، متعجب هستم.

قاعده کلی من این است که هر چیزی که اعتبار سنجی نشود پشتیبانی می شود. هر چیزی که قبل از ارسال فرم قابل تأیید باشد باید باشد. با ظهور آژاکس ، شما حتی می توانید داده ها را بر اساس پایگاه داده خود قبل از ارسال تأیید کنید. مسیر تنبل را انتخاب نکنید - کاربران از کمک شما قدردانی می کنند!

در اینجا برخی از نمونه ها:

  1. آدرس ایمیل - من اشکالی ندارم که باعث شود شما آدرس ایمیل خود را دو بار برای تأیید اعتبار پر کنید ، اما این واقعیت که آنها به شما نمی گویند که مطابقت دارند یا به طور مناسب ساخته شده اند یا نه ، غیر قابل توجیه است.
  2. کلمه عبور - اگر می خواهید دوبار رمز ورود را تایپ کنید ، لطفاً قبل از ارسال فرم تأیید کنید که مقادیر یکسان هستند.
  3. قدرت رمز عبور - اگر به قدرت گذرواژه خاصی نیاز دارید (ترکیبی از حروف الفبا یا حروف) ، در هنگام تایپ رمزعبور برای من بازخورد ارائه دهید. قبل از اینکه خطاب شود ، منتظر ارسال من نباشید.
  4. تاریخ - اگر تاریخ را در قالب am / d / yyyy می خواهید ، با تایپ کردن آن مقادیر و قالب بندی مناسب آنها ، اجازه دهید اطلاعات را در یک قسمت واحد وارد کنم. اگر صفرهای پیشرو می خواهید ، بعد آنها را بگذارید. اشکالی ندارد که یک قالب را نمایش دهید و دیگری را در پایگاه داده خود ذخیره کنید.
  5. تاریخ امروز - آن را برای من پر کنید! چرا از من می خواهید تاریخ را پر کنم وقتی که آن را از قبل می دانید ؟!
  6. فرمت تاریخ - اگر یک برنامه بین المللی دارید ، می توانید قالب تاریخ را براساس Internationalization برنامه خود پیش فرض قرار دهید. البته ، داشتن گزینه ای برای کاربران خوب است که آن گزینه را نادیده بگیرند و گزینه خود را انتخاب کنند.
  7. شماره های تأمین اجتماعی - اضافه کردن Javascript بسیار ساده است که به طور خودکار از فیلدی به زمینه دیگر می پرد یا به صورت برنامه ریزی یک فاصله بین مقادیر قرار می دهد.
  8. شماره های تلفن - با در نظر گرفتن بین المللی سازی ، این نوع زمینه ها را می توان با قالب بندی شماره تلفن در رابط کاربری ساده کرد ، اما ذخیره آن در قالب دیگری که برای پس زمینه شما کارآمد است. کاربران خود را در پرانتز ، فاصله و خط تیره وارد نکنید.
  9. حداکثر طول متن - اگر تعداد نویسه های ذخیره شده در پایگاه داده خود را محدود کنید ، پس اجازه ندهید که این تعداد کاراکتر را تایپ کنم! حتی به اعتبارسنجی دشواری هم احتیاج ندارد ... فقط تنظیماتی روی جعبه متن است.
  10. حداقل طول متن - اگر به حداقل طول متن نیاز دارید ، زنگ هشدار را بکشید تا زمانی که نویسه کافی داشته باشم.

در اینجا مثالی از تابع رمز عبور رمز عبور از خرد گیک:

رمز ورود را تایپ کنید:

به روز رسانی: 10/26/2007 - من یک منبع شسته و رفته با کتابخانه جاوا اسکریپت برای بارگیری یافتم اعتبار سنجی فرم ، به نام LiveValidation.

16 نظرات

  1. 1

    موافقم که اینها ویژگی‌های عالی برای فرم‌ها هستند، اما گفتن اینکه انجام ندادن اعتبارسنجی جاوا اسکریپت جلویی «غیرقابل توجیه» است، بیشتر یک نظر شخصی است. من عاشق کار در جاوا اسکریپت هستم و برای انجام برخی از کارهایی که شما در مورد آنها صحبت می کنید ماسک های ویرایشی بسیار منظمی نوشته ام، اما بسیاری از آنها بی اهمیت نیستند و بسیاری از بسته های اعتبار سنجی فرم جاوا اسکریپت تعدادی حفره بزرگ دارند. همه وقت خود را صرف کپی کردن اعتبار سنجی پشتیبان خود با اعتبار سنجی جاوا اسکریپت جلویی پیچیده تر (در اغلب موارد) نمی کنند.

    نکات خوبی است، اما به نظر من قطعاً چیزی نیست که هر فرم آنلاین به آن نیاز دارد.

  2. 2

    بررسی کننده رمز عبور نسبتاً خراب است. هر رمز عبور اگر طولانی باشد به اندازه کافی خوب است.

    مثال:

    آیا این واقعا یک رمز عبور متوسط ​​است؟

    f46dffe6ff4ffgdfgfjfgyu656hfdt74tyhdtu5674yfgh6uhhye45herdhrt64684hythdfth54y54348fgdcvzse8cn984v3p4m6vq98476m3wuw89ewfucsd8fg67s4v8tw76u340m6tver7nt+s89346vs+0em9u+s+09hrtuhss586ysvne4896vb4865tbv089rt++

  3. 4

    برای من بهترین اعتبار سنجی فرم زمانی است که شما تصور یک اعتبار سنجی سمت مشتری را به کاربر می دهید در حالی که اعتبار سنجی سمت سرور AJAX/سرور است.
    شما به سادگی باید برخی از مدیریت رویداد (keyup، blur، کلیک، و غیره) را به عناصر فرم خود وصل کنید که کل فرم را از طریق AJAX به سرور ارسال می کند، با فراخوانی یک تابع "بررسی" که پیام های خطای مربوطه را برمی گرداند (این رمز عبور نیز وجود دارد. ساده، آن تاریخ در قالب اشتباه است و غیره...)
    هنگامی که کاربر در نهایت فرم را با کلیک بر روی دکمه ارسال پست می کند، همچنان می توانید از عملکرد سمت سرور "بررسی" استفاده کنید تا آخرین بار فرم را قبل از درج داده ها در پایگاه داده یا هر فرآیند دیگری اعتبار سنجی کنید.
    به این ترتیب، کاربران از اعتبار سنجی در حال انجام راضی هستند و توسعه دهندگان از توسعه اعتبار سنجی فقط سمت سرور راضی هستند.

    • 5
      • 6

        نه چندان سریع داگ - من با فرض اصلی شما موافقم که این ویژگی‌های مفید، مانند قالب‌بندی یک SSN در جریان، بی‌اهمیت هستند. و تنبلی است که فقط پیامی ارسال کنید که اشتباه است، وقتی می توانید بدون نیاز به حدس زدن قالب آن را برطرف کنید.

        با این حال، من همچنین با نیکلاس در مورد استفاده از منطق سمت سرور در ارتباط با AJAX موافقم.

  4. 7

    عنوان شما می‌گوید "دوستان خود را تحت تاثیر قرار دهید..." اما شما با این 2 دقیقه که در پست تلفنی ارسال شده است، من را تحت تاثیر قرار نمی‌دهید.

    عنوان خود را بازنویسی کنید (بیش از حد گمراه کننده است، باعث می شود فکر کنید نمونه ها و شیوه هایی در حال بحث هستند).

    اگر افراد از قبل این کار را در فرم‌های خود انجام نمی‌دهند، پس فقط در حال یادگیری هستند یا فرم به اندازه کافی برای استفاده از اعتبارسنجی مهم نیست.

    برنامه نویسان وب واقعی از قبل این را می دانند و آن را انجام می دهند.

    • 8

      جی،

      متاسفم برای آن! هدف من قطعا ارائه بازخورد توسعه‌دهندگان نبود - من واقعاً از دیدگاه یک مدیر محصول می‌آمدم. من با شما موافقم - اما جالب است که برخی از توسعه دهندگان دیگر این کار را نمی کنند! من فکر می کنم که مایه تاسف است.

      ممنون که وقت گذاشتید
      داگ

  5. 9

    من کاملاً موافقم که اعتبار بخشی از هر برنامه کاربردی است. به‌عنوان سرپرست تیم، معمولاً به دلایلی مانند عدم تأیید اعتبار یا محدود کردن طول ورودی متن، کد را برای «تمام» ارسال می‌کنم.

    برای اکثر چیزهایی که روی آنها کار می کنم، متوجه می شوم که در شرایط عادی و اگر کاربران از سیستم آنطور که من در نظر گرفته ام استفاده کنند، حدود 50٪ زمان می برد تا کاری انجام شود. 50 درصد دیگر زمان توسعه از بررسی ورودی آنها، اطمینان از حفظ یکپارچگی داده ها، و عدم امکان وارد کردن داده های مخرب در فیلدهای فرم است.

    من یک پست نوشتم که چگونه از InputVerifiers در برنامه‌های hava swing خود استفاده می‌کنم و نشان می‌دهم که چگونه یک فیلد متن ایمیل را تأیید می‌کنم. عبارت منظمی که من استفاده می کنم به راحتی قابل تغییر است تا شماره تلفن، کد پستی، SSN و غیره را تأیید کند.

    پست وبلاگ من در http://timarcher.com/?q=node/36

    نوشته خوب داگ!

  6. 10

    موافقم. رمزهای عبور واقعا مهم هستند و باید جدی گرفته شوند. فکر می‌کنم دوبار تایپ رمز عبور تقریباً برای همه فرم‌ها طبیعی است، اما نشان ندادن اعتبار دو رمز عبور نشان می‌دهد که به طور جدی مورد توجه قرار نمی‌گیرد.

  7. 11

    موافقم که اعتبار سنجی مشتری می تواند یک ویژگی بسیار کاربر پسند باشد. با این حال، مهم تر است که مطمئن شوید که خود اعتبارسنجی ها واقعاً منطقی هستند.

    شما یک مثال درخشان ارائه کردید که چگونه اعتبارسنجی می تواند کاربران را گمراه کند و بدتر از آن، آنها را از سایت ما دور کند:

    اعتبارسنجی قدرت رمز عبور Geek Wisdom از در نظر گرفته شده است tZhKwnUmIss رمز عبور ضعیف باشد این نه تنها یک رمز عبور کاملاً قوی است، بلکه کاربران را نیز از خود دور می کند، زیرا این تصور نادرست را به آنها می دهد که ورود به سایت شما با استفاده از این رمز عبور به نوعی ناامن است.

    خیلی بهتر (و ساده تر) خواهد بود که به سادگی به کاربران اشاره کنیم که یک رمز عبور خوب حداقل شش کاراکتر طول دارد و باید شامل اعداد و حروف باشد.

    سایر اعتبارسنجی‌های مشکوک شامل نام‌های کاربری است که به حداقل طول معینی نیاز دارند یا ممکن است حاوی فاصله نباشند. چه مشکلی با نام های کاربری وجود دارد X, جان دو، یا حتی #*!§? من از پس آن برمی یام.

  8. 12

    من با شما موافقم. برخی از فرم ها خوب به نظر می رسند، اما اعتبارسنجی خوبی ارائه نمی دهند. اطلاعات شخصی داده شده است و درست است که آنها را جدی بگیرید، درست مانند هر فرم تجاری در نسخه چاپی.

  9. 13
  10. 14
  11. 15

    به نظر من کمی سرگرم کننده است که شما در مورد خوبی های ارائه اعتبارسنجی فرم بلادرنگ پست می کنید و با این حال، فرم نظر شما در پایین پست هیچ یک از این موارد را ارائه نمی دهد…

    می‌دانم که شما از وردپرس برای وبلاگ‌نویسی افکار خود در اینترنت استفاده می‌کنید، اما شاید اطمینان از اینکه آنچه را که موعظه می‌کنید عمل می‌کنید ایده بدی هم نباشد. 🙂

    اتفاقاً پست خوبی است، حتی اگر لزوماً با تمام نوشته‌های شما موافق نباشم.

    • 16

      دوه! تو من را شکستی، آماندا! ای کاش وقت داشتم تا اعتبار فرم را بهتر انجام دهم و آن را در وردپرس ادغام کنم. من به خصوص دوست دارم Adobe Spry چارچوب اعتبار سنجی و دوست دارم کسی این دو را ادغام کند!

      با تشکر! (و من همیشه قدردانی می کنم که نظرات متعددی در مورد هر موضوعی وجود دارد).
      داگ

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.