۱۵ پلاگین و کتابخانه برای اعتبار سنجی فرم ها در جی کوئری
اعتبارسنجی فرم. دو کلمه ای است که هر برنامه نویسی با آن سروکار دارد. یک فرم ساخته اید؟ مشکلی نیست در مورد اعتبارسنجی آن چه کار میکنید؟ اینجا معمولا حرفی برای گفتن وجود ندارد. آنچه که امروز در این مقاله برای شما آماده کرده ایم مجموعه ای از پلاگین های جی کوئری و کتابخانههای اعتبار سنجی قوی است که قابل اعتماد بوده و استفاده از آنها آسان است. این پلاگین ها و کتابخانهها کار شما را بسیار ساده می کنند.
Parsley.js
Parsley.js یک کتابخانه سبک وزن و غنی است که به جای اعتبارسنجی فرم ها با جاوا اسکریپت از data attribute های تعبیه شده در DOM برای رسیدن به همان هدف استفاده میکند. این پلاگین دارای پیکربندی ساده ای است و به شما اجازه می دهد هر رفتار پیش فرض را به گونه ای تغییر دهید که با الزامات فرم شما سازگار شود.
quickValidation.js
quickValidation.js بسیار شبیه به پلاگین Parsley کار میکند. این پلاگین قواعدی را در جاوا اسکریپت تعریف نمیکند، درعوض به صورت مستقیم با استفاده از مشخصه ی data-validate به عناصر Input انتساب میدهد. این کتابخانه قوانین رشته ای را با هم ترکیب میکند برای مثال required,number,range=0-99 ، سپس کلاس quickValidate. را اضافه میکنید. بعد از آن برای نامگذاری فیلد مورد نظر برای خطاها، مشخصه data-name را اضافه میکنید.
jQuery Ketchup Plugin
jQuery Ketchup Plugin یک پلاگین سبک وزن (حدود ۳۰۴ کیلوبایت) است که با ۱۸ اعتبارسنجی پایه ارائه میشود، اما به سادگی به شما اجازه خواهد داد که اعتبارسنجی های مورد علاقه خود را نوشته و هر رفتار پیش فرضی را تغییر دهید.
به صورت پیش فرض این پلاگین مشخصه data-validate از یک فیلد در یک فرم را برای ای اعتبارسنجی بررسی میکند.متد پیش فرض برای اعتبار سنجی ()validate است. تمام موارد اعتبار سنجی در این قسمت قرار میگیرند و به وسیله کاما از هم جدا می شود. اعتبارسنجی ها خود می توانند آرگومان داشته باشند که با کاما از هم جدا شود.
jQuery Validation Plugin
در جی کوئری jQuery Validation یک افزونه ی بسیار کاربردی است که کار با فرم های سمت کاربر را بسیار ساده میکند. این پلاگین به همراه مجموعه ای از متدهای اعتبارسنجی مفید ارائه میشود. همچنین API هایی را ارائه میدهد که به سادگی میتوانید یک اعتبار سنجی شخصی سازی شده برای خود بنویسید. تمام کاری که در هنگام استفاده از این پلاگین باید انجام دهید این است که یک خط کد بنویسید. در این یک خط کد، باید فرم مورد نظر را انتخاب و پلاگین را روی آن اعمال کنید. البته می توان برای هر عنصر در فرم قوانینی را در این پلاگین مشخص کرد.
IV.js - اعتبار سنجی ورودی ها در جاوا اسکریپت
IV.js یک کتابخانه جی کوئری است که یک روش بصری برای کار با فیلتر های اعتبارسنجی و پردازش ورودی های کاربر فراهم می آورد. به منظور کار با IV.js شما نیاز دارید کلاس IValidate را به فرم خود اضافه کنید.
jQuery Validation Engine
وقتی صحبت از jQuery Validation Engine میشود، شما لازم نیست در مورد ساختار فرم های خود نگران باشید. این افزونه خطای مورد نظر را با ایجاد یک DIV در گوشه بالا و سمت راست ورودی ها نشان می دهد. این کار باعث میشود کد مربوط به فرم شما و اعتبارسنجی آن از همدیگر جدا باشند. این پلاگین احتمالاً سادهترین حالت اعتبار سنجی برای فرم ها در این مقاله است.
BootstrapValidator
BootstrapValidator یک پلاگین جی کوئری برای اعتبار سنجی فرم های بوت استرپ است.
Guardian
Guardian یک پلاگین جی کوئری انعطافپذیر و همه منظوره برای همه انواع فرم هاست.
Validatr
Validatr از مشخصه های input در HTML5 برای انجام اعتبارسنجی استفاده می کند. این کتابخانه از مشخصه هایcolor
, date
, email
, number
و range
پشتیبانی می کند. تمام انواع input های text
, checkbox
و radio
در این کتابخانه پشتیبانی میشود که البته سطح اعتبارسنجی آنها با هم متفاوت است. این کتابخانه تا جای ممکن از اعتبارسنجی های بومی بهره میبرد. اگر نوع خاصی از ورودی پشتیبانی نشود از قواعد خاصی برای تکمیل اعتبار سنجی بومی بهره خواهد برد.
Formance.js
Formance.js یک کتابخانه برای فرمت بندی و اعتبارسنجی فیلدهای فرم است که بر اساس کتابخانه jQuery.payment ساخته شده است.
Fields.js
کتابخانه Fields.js همراه با مجوز MIT ارائه میشود و روشی انتزاعی برای تعامل با فیلد ها ارائه می دهد.
jQuery Validate
jQuery Validate یک پلاگین در جی کوئری است که به شما کمک می کند کار اعتبارسنجی فرم را سریع با استفاده از data attribute ها انجام دهید.
jQuery Form Validate
jQuery Form Validate پلاگین دیگری در جی کوئری است که به شما اجازه می دهد فرم های HTML خود را با در نظر گرفتن قوانین اعتبار سنجی data attribute های html۵ اعتبار سنجی کنید.
Validarium
Validarium یک پلاگین ساده و معتبر در جی کوئری است که بر مبنای jQuery Validate ایجاد شده است.
nextVal
nextVal یک پلاگین برای اعتبار سنجی فرم ها در html است.
منبع: لرن سورس