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

فرم آنلاین

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

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

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

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

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

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

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

16 نظرات

  1. 1

    I agree those are great features for forms, but saying that it is “inexcusable” to not do perform front end javascript validation is a more of an personal opinion. I love working in javascript, and have written some pretty neat editmasks to do some of the things you talk about, but a lot of them are far from trivial, and many of the javascript form validation packages out there have a number of big holes. Not everyone will invest the time into duplicating their back end validation with (more often than not) more complex front end javascript validation.

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

  2. 2

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

    مثال:

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

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

  3. 4

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

    • 5
      • 6

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

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

  4. 7

    عنوان شما می گوید: "دوستان خود را تحت تأثیر قرار دهید ..." اما شما نمی توانید با این 2 دقیقه تلفن من را تحت تأثیر قرار دهید.

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

    If people are not doing this already in their forms, then they are just learning or the form is not important enough to use validation.

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

    • 8

      جی ،

      Sorry about that! My point was definitely not to provide developer feedback – I really was coming from the point of view of a Product Manager. I agree with you – but it’s interesting that some other developers don’t! I think that’s unfortunate.

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

  5. 9

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

    در بیشتر مواردی که من روی آنها کار می کنم ، در شرایط عادی و اگر کاربران از سیستم به روشی که من در نظر گرفته ام استفاده کنم ، تقریباً 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

      Doh! You busted me, Amanda! I do wish I had time to do better form validation and to integrate it into WordPress. I especially like the Adobe Spry چارچوب اعتبار سنجی و دوست دارم کسی این دو را ادغام کند!

      Thanks! (And I always appreciate that there are multiple opinions on any topic).
      داگ

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

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