কৌণিক জেএসে ফর্ম বৈধকরণ কীভাবে প্রয়োগ করা যায়?



এই নিবন্ধটি আপনাকে উদাহরণগুলির সাথে কৌনিক জেএসে ফর্ম বৈধকরণ কীভাবে প্রয়োগ করতে হবে তার বিশদ এবং বিস্তৃত জ্ঞান সরবরাহ করবে amples

বৈধকরণ একটি পদ্ধতি প্রমাণীকরণ ব্যবহারকারী. এটি সমস্ত ওয়েব টেকনোলজির মতো ব্যবহৃত হয় এবং । তবে আজ আমাদের ফোকাস নিম্নলিখিত ক্রমে কৌনিক জেএসের বৈধকরণের দিকে থাকবে:

ফর্ম বৈধতা কি?

ফর্ম বৈধতা এমন একটি কৌশল যা দিয়ে আমরা এইচটিএমএল ফর্মটি যাচাই করতে পারি। ধরুন একটি সাধারণ উদাহরণটি ধরুন যে কোনও ব্যবহারকারীর এইচটিএমএল ফর্ম রয়েছে এবং এইচটিএমএল ফর্মের বিভিন্ন ক্ষেত্র রয়েছে, এই ক্ষেত্রটি ফর্ম যাচাইকারীর দ্বারা বৈধ হয় যখন আমরা ফর্মটি বৈধ করতে চাইলে কেবলমাত্র বৈধের সাথে আমাদের নির্দিষ্ট ক্ষেত্রের মানটি পরীক্ষা করতে হবে ।





validation-in-angular-jsযদি নিয়মিত প্রকাশ এবং ক্ষেত্রের মান একই হয় তবে আমরা বলতে পারি যে আমাদের ফর্মটি বৈধ হয়েছে is এইচটিএমএল ফর্মে বিভিন্ন ধরণের বৈধতা রয়েছে যেমন ইমেল, প্রয়োজনীয়, নূন্যতম, সর্বোচ্চ, পাসওয়ার্ড ইত্যাদি

কৌণিক জেএস মধ্যে ফর্ম বৈধতা

আসুন আমরা কীভাবে কৌনিক জেএসে কোনও ফর্মটি বৈধতা দিতে পারি সে সম্পর্কে আলোচনা করা যাক। কৌণিক জেএস বিভিন্ন ধরণের ফর্ম বৈধকরণের বৈশিষ্ট্য সরবরাহ করে যা আমরা ফর্মটি যাচাই করতে বা ফর্মটি থেকে ডেটা পেতে ব্যবহার করতে পারি।



  • বৈধ : এই সম্পত্তিটি তার উপর উপযুক্ত নিয়ম প্রয়োগ করে ক্ষেত্রটি বৈধ কিনা তা জানায়।

  • $ অবৈধ : নামটি যেমন অবৈধ বলেছে এই টাইলসের আবহাওয়াটি ক্ষেত্রটি অবৈধ বা তার উপর উপযুক্ত নিয়মের ভিত্তিতে নয়।

  • $ আদিম : এটি ফর্ম সত্য হিসাবে ফিরে আসবে ইনপুট ক্ষেত্র ব্যবহার করা হয় না।



  • $ নোংরা : ইনপুট ক্ষেত্রে ব্যবহৃত ফর্মটি এটি সত্য হবে in

  • $ ছোঁয়া : ইনপুটটি অস্পষ্ট করা হয়েছে যদি বুলিয়ানট্রু।

ফর্মটি অ্যাক্সেস করতে:

একটি ইনপুট অ্যাক্সেস করতে: ..

এখন কৌণিক জেএসে একটি উদাহরণ সহ ফর্মের বৈধতাটি ব্যাখ্যা করি যাতে প্রথমে আমরা দুটি ফাইল তৈরি করি, একটি অ্যাপ্লিকেশন.জেএস এবং অন্যটি সূচকচটিএমটিএল। আমাদের ইনডেক্স.ইচটিএম ফাইলটিতে একটি সাধারণ এইচটিএমএল ফর্ম থাকে যা কৌনিক বৈধতা ধারণ করে এবং আমাদের অ্যাপ.জেএস ফাইলটিতে সূচিপত্রের html পৃষ্ঠায় ফর্মটির বৈধতা পরিচালনা করতে ব্যাকএন্ড কোড থাকে।

জাভাতে সহজ হ্যাশম্যাপ বাস্তবায়ন

দ্যindex.htmlপৃষ্ঠা বিষয়বস্তু সঙ্গে ফর্মno)ateসম্পত্তি এবং এর অর্থ কী?

ফর্ম ট্যাগের অযোগ্য সম্পত্তি এইচটিএমএলকে বলে যে আমরা আমাদের কাস্টম ফর্মের বৈধতা ব্যবহার করতে পারি। আমরা যদি নফল সম্পত্তি না দিয়ে থাকি এবং এইচটিএমএল ফর্ম HTML5 ডিফল্ট ফর্ম বৈধতা বৈশিষ্ট্য ব্যবহার করে বৈধ হয়।

ফর্ম বৈধকরণ পদক্ষেপ

আমাদের ফর্মটিতে, আমরা আমাদের ফর্মটিতে 6 টি ক্ষেত্র তৈরি করেছি এগুলি হ'ল প্রথম নাম, পদবি, ইমেল, ফোন, পাসওয়ার্ড এবং বার্তা।

  1. প্রথমে আমরা প্রয়োজনীয় ক্ষেত্রের বৈধকরণকারী যুক্ত করি, এই যাচাইকারী ব্যবহারকারীদের একটি নির্দিষ্ট ক্ষেত্রের প্রয়োজন বলে দেয়।

  2. এর পরে ইমেল ক্ষেত্রটি যদি কোনও ব্যবহারকারী কোনও বৈধ ইমেল না দেয় তবে আমাদের ইমেল বৈধকারক একটি ইমেল বৈধতা ত্রুটি ছুড়ে দেয়।

  3. আমরা আমাদের পাসওয়ার্ডের বৈধতার সর্বনিম্ন এবং সর্বাধিক দৈর্ঘ্য নির্ধারণ করি নূন্যতম দৈর্ঘ্য 5 এবং সর্বোচ্চ দৈর্ঘ্য 8 হয় যাতে ব্যবহারকারী 5 থেকে 8 অক্ষরের মধ্যে একটি বৈধ পাসওয়ার্ড দিতে পারে।

  4. অবশেষে, আমরা ফোন এবং ম্যাসেজের ক্ষেত্রগুলি প্রয়োজনীয় সেট করেছিলাম এবং বিশেষভাবে ফাইল করা ফোনে নম্বর বৈধতা প্রয়োগ করি।

কৌণিক জেএস মধ্যে ফর্ম বৈধকরণের কোড

index.html

কৌণিক সুযোগ উদাহরণ প্রথম নাম 

এই দায়ের করা প্রয়োজন

জবাবদিহি এবং শেফ মধ্যে পার্থক্য
নামের শেষাংশ

এই দায়ের করা প্রয়োজন

ইমেল

এই দায়ের করা প্রয়োজন

কোনও বৈধ ইমেল নয়

ফোন

এই দায়ের করা প্রয়োজন

এটি কোনও বৈধ ফোন নয়

পাসওয়ার্ড

এই দায়ের করা প্রয়োজন

5 থেকে 8 টি অক্ষরের মধ্যে পাসওয়ার্ড

বার্তা

এই দায়ের করা প্রয়োজন

জমা দিন

app.js

var অ্যাপ্লিকেশন = কৌণিক.মডিউল ('এনজিভিলিড অ্যাপ', []) অ্যাপকন্ট্রোলার ('এনজিভিলিড কন্ট্রোলার', ফাংশন ($ সুযোগ) {})

আসুন আমরা ফর্মটিতে ব্যবহৃত কিছু বৈধতা নির্দেশ সম্পর্কে কথা বলি:

  • এনজি-প্রয়োজনীয় : প্রয়োজনীয় ক্ষেত্র সরবরাহের জন্য
  • এনজি-শো : শর্তের ভিত্তিতে ত্রুটি বার্তাটি দেখানোর জন্য (বৈধতার বৈশিষ্ট্যগুলি পরীক্ষা করুন)
  • দৈর্ঘ্যের : সর্বনিম্ন দৈর্ঘ্য সরবরাহের জন্য
  • এনজি-সর্বোচ্চ : সর্বোচ্চ দৈর্ঘ্য প্রদানের জন্য
  • প্যাটার্ন : একটি নির্দিষ্ট প্যাটার্ন মেলে
  • এনজি-মডেল : ক্ষেত্রকে ation ত্রুটি, $ বৈধ, ইত্যাদি বৈধকরণের বৈশিষ্ট্যগুলির সাথে যুক্ত করে

এটির সাথে, আমরা কৌনিক জেএস নিবন্ধে এই বৈধকরণটির শেষ করছি। আমি আশা করি আপনি কৌণিক জেএস মধ্যে ফর্ম বৈধকরণ জন্য বিবেচনা করা বিভিন্ন বিষয় বোঝা পেয়েছি।

আপনি যদি কৌণিক কাঠামো সম্পর্কে আরও জানতে চান তবে আমাদের দেখুন যা প্রশিক্ষকের নেতৃত্বাধীন লাইভ প্রশিক্ষণ এবং বাস্তব জীবনের প্রকল্পের অভিজ্ঞতার সাথে আসে। এই প্রশিক্ষণটি আপনাকে কৌণিককে গভীরভাবে বুঝতে এবং বিষয়টিতে দক্ষতা অর্জনে সহায়তা করবে।

আমাদের জন্য একটি প্রশ্ন আছে? অনুগ্রহ করে এই নিবন্ধের মন্তব্য বিভাগে এটি উল্লেখ করুন এবং আমরা আপনার কাছে ফিরে আসব।