আসসালামুয়ালাইকুম,

কেমন আছেন সবাই, আশা করি ভাল। সময়ের অভাবে টিউন করা হই না। মাইক্রোসফ্ট  বাংলাদেশ এর বর্তমান evangelist তানজিম সাকিব এর স্কুল  থেকে ঘুরে আসতে পারেন। আশা করি ভাল লাগবে।http://tanzimsaqib.com/school/

আজ আমরা শিখবো  কেমনে validation করতে হই। যেমন আপনার ধরুন আপনার একটা registration ফর্ম আছে। যেখানে নাম,ইমেইল,ফোন নাম্বার এন্ট্রি করতে হবে, অনেকেই ইমেইল address ভুল দিতে পারে,আবার ধরুন নাম টা এন্ট্রি করা বাধ্যতামূলক, অনেকেই নাম এন্ট্রি না করে send বাটন এ ক্লিক করতে পারে। আজ আমরা এইসব textfield এর validation কেমনে করে জানব। এইসব কাজ সার্ভার সাইড অথবা ক্লায়েন্ট সাইড দুই ভাবে করা যাই। জাভাস্ক্রীপ্ট ইউজ করা যাই। কিন্তু asp॰net এর কিছু কিছু built-in validation functionality আছে,টা কেমনে ইউজ করে টা আজ দেখবো॥

প্রথমে আগের প্রজেক্ট এর সলিউশন টি ওপেন করি।কেমনে ওপেন করতে হই টা আগেই বলা আছে। এইবার সলিউশন এর রাইট বাটন ক্লিক করে add new item দিন।

ওয়েব ফর্ম সিলেক্ট করি।তার নাম দিব Validation॰aspx

এইবার আমরা  name এবং ইমেইল এর জন্য 2 টি টেক্স্ট বক্স নিব। আগেই দেখানো হয়েছে কেমনে aspx পেজ এ ড্র্যাগ and ড্রপ করে টূলবক্স থেকে নিতে হই। চাইলে সোর্স ভিউ তে ও করতে পারেন এইভাবে।

এইবার একটি বাটন নি। বাটন এর প্রপার্টিস এ তার টেক্স্ট চেঞ্জ করে আমরা সেভ নাম দিব।এইবার আমরা টূলবক্স এ validation অপ্শন তার দিখে থাকলে নিচের ছবিটার মত দেখবো।

কাজ করার আগে কিছু validation নিয়ে আলোচনা করি। যেমন আপনি যে ফর্ম টা বানালেন,এখন আপনি যদি চান name না দিয়ে কেও save বাটন এ ক্লিক করলে তাকে একটা মেসেজ শো করবে,অর্থাত্‍ name textbox টা আপনাকে fillup করতেই হবে,এই জন্য আমরা RequiredFieldValidator ইউজ করতে পারি। আবার ইমেইল ফর্ম্যাট,ফোন নাম্বার ফর্ম্যাট টিক আসে কিনা চেক করতে RegularExpressionValidator ইউজ করতে পারি, RangeValidator দিয়ে কোনও কিছুর range সিলেক্ট করে দিতে পারি যেমন কার ও সিজিপিএ মিনিমাম 0 ম্যাক্সিমাম 4 হতে পারবে,CustomValidator দিয়ে আমরা নিজেরাই custom validation বানাতে পারি। আসুন এর কয়েকটির ইউজ দেখি।

প্রথমে name textbox এর পাশে RequiredFieldValidator ড্র্যাগ এণ্ড ড্রপ করে নিচের ছবির মত বসিয়ে দি।

RequiredFieldValidator এ properties(রাইট বাটন ক্লিক করে properties) এ গেলে ErrorMessage নামে একটা অপ্শন পাবেন।ছবিতে দেখুন,এই অপ্শন এর কাজ হল কেও নাম এন্ট্রি না করে save দিতে চাইলে কী মেসেজ শো করবে। ErrorMessage এ পাশে মেসেজ এর জায়গাই লিখুন "Name Cannot be Empty"। এইবার নিচে আর একটি অপ্শন দেখবেন controlToValidate নামক অপ্শন আছে। এর কাজ হল এই validation যে textbox এর সাথে কাজ করবে তার সাথে কানেকশেন করিয়ে দেয়া। আমরা textbox1 এর সাথে এর ক্লিক করব,কারণ textbox1 তাই হল আমদের name textbox এর নাম(textbox প্রপার্টিস এ  textbox এর নাম চেঞ্জ করে দেয়া যাবে, যেই নাম দিবেন তাই শো করবে)।

এইবার টেস্ট করার পালা। F5 অথবা রান দিন। অথবা validation॰aspx এর রাইট বাটন ক্লিক করে view in browser দিন।আউটপুট দেখতে পাবেন,এইবার কিছু না লিখে save বাটন এ ক্লিক করলে মেসেজ দিবে।

এইবার আমরা ইমেইল এর ফর্ম্যাট চেক করব। কারণ অনেকেই ইমেইল অ্যাড্রেস না দিয়ে অন্য কিছু লিকতে পারে। আগের মত আমরা টূলবক্স এ যাব। RegularExpressionValidator কে ড্র্যাগ করে ইমেইল এর textbox এর পাশে রাখবো।

আগের মতই ErrorMessage এ আমরা message টা লিখব,যেমন invalid email address। আগের মত controlToValidate এ ক্লিক করে textbox2 ক্লিক করব। একটা বাড়তি কাজ করতে হবে টা হল।validationএক্সপ্রেশন এ ক্লিক করতে হবে। নিকের ছবির মত উইনডো আসবে।

Internet Email Address এ ক্লিক করব। আসলে এগুলা হল বিভিন্ন ফর্ম্যাট এর রেগুলার এক্সপ্রেশন। validation এক্সপ্রেশন টা ছবিতে খেয়াল করুন যে ফর্ম্যাট দেয়া আছে টা আসলে ইমেইল এর। রেগুলার এক্সপ্রেশন নিয়ে সময় পেলে টিউন করব অথবা আপনারা একটু নেট থেকে হেল্প নিয়েন।ok ক্লিক করুন। এইবার টেস্ট করতে আগের মত f5 অথবা রান দিন। নিচের মত আউটপুট দেখবেন। ইমেইল এর textbox এ ইমেইল অ্যাড্রেস ছাড়া অন্য কিছু দিয়ে save বাটন এ ক্লিক করুন দেখবেন এরর মেসেজ দিচ্ছে।

rangevalidator এর কাজ টা একটু দেখি। নতুন textbox নিন,যেইখানে আপনি cgpa রাখবেন।textbox এর পাশে rangevalidator আগের মত ড্র্যাগ করে নিয়ে আসুন।

আগের মত errormessage এবং controlToValidate  এ textbox চিনাই দিন। নিচের ছবির মত ২ টি অপ্শন পাবেন। maximumValue 4 করে দিন,আর minimumValue 0 করে দিন।

আগের মত রান করুন, নিচের মত আউটপুট দেখতে পারবেন।

আশা করি বুজতে পেরেছেন। সাথে থাকুন। পরবর্তি টিউন এ নতুন কিছু নিয়ে আবার হাজির হব। আগের টিউন পড়তে ক্লিক করুন ।