کونیی جے ایس میں فارم کی توثیق کو کیسے نافذ کریں؟



یہ مضمون آپ کو تفصیلی اور جامع جانکاری فراہم کرے گا کہ مثال کے ساتھ کونیی جے ایس میں فارم کی توثیق کو کس طرح نافذ کیا جائے۔

توثیق کرنے کا ایک طریقہ ہے تصدیق کرنا صارف یہ جیسے جیسے تمام ویب ٹیکنالوجیز میں استعمال ہوتا ہے اور . لیکن آج ہماری توجہ مندرجہ ذیل ترتیب میں کونیی جے ایس میں توثیق پر مرکوز ہوگی۔

فارم کی توثیق کیا ہے؟

فارم کی توثیق ایک تکنیک ہے جس کے ذریعہ ہم HTML فارم کو توثیق کرسکتے ہیں۔ آئیے ایک سادہ سی مثال کے طور پر فرض کریں کہ صارف کے پاس HTML فارم ہے اور اس HTML فارم کے مختلف شعبے ہیں ، یہ فیلڈ فارم کی توثیق کار کے ذریعہ توثیق کی جاتی ہے جب ہم فارم کو درست کرنا چاہتے ہیں تو ہمیں صرف خصوصیت والے فیلڈ کی قدر جانچنے کی ضرورت ہوتی ہے۔ .





validation-in-angular-jsاگر باقاعدہ اظہار اور فیلڈ ویلیو ایک جیسے ہیں تو ہم کہہ سکتے ہیں کہ ہماری فارم توثیق شدہ ہے۔ HTML فارم میں ، مختلف اقسام کی توثیق ہوتی ہیں جیسے ای میل ، مطلوبہ ، کم سے کم ، زیادہ سے زیادہ ، پاس ورڈ ، وغیرہ۔

کونیی جے ایس میں فارم کی توثیق

آئیے اس بارے میں بات کرتے ہیں کہ ہم کونیی جے ایس میں کسی فارم کو کس طرح توثیق کرسکتے ہیں۔ کونیی جے ایس مختلف اقسام کے فارم کی توثیق کی خصوصیات مہیا کرتا ہے جسے ہم فارم کو توثیق کرنے یا فارم سے ڈیٹا حاصل کرنے کے لئے استعمال کرسکتے ہیں۔



  • درست ہے : یہ جائیداد بتاتی ہے کہ کھیت درست ہے یا نہیں اس پر مناسب قاعدہ لاگو کرکے۔

  • $ غلط : جیسا کہ نام باطل کہتا ہے اس ٹائلس کا موسم کھیت باطل ہے یا اس پر مناسب اصول کی بنا پر نہیں۔

  • ist قدیم : یہ ان پٹ فیلڈ میں استعمال نہیں ہوا ہے جس میں درست ہو گا۔



    پاور دو بمقابلہ میزبان 2016
  • $ گندا : یہ ان پٹ فیلڈ میں جس شکل میں استعمال ہوتا ہے اس میں درست ہو گا۔

  • $ کو چھو لیا : اگر ان پٹ دھندلا ہوا ہے تو بولین ٹریو۔

فارم تک رسائی حاصل کرنے کے لئے: .

ایک ان پٹ تک رسائی حاصل کرنے کے لئے: ..

اب ہم ایک مثال کے ساتھ کونیی جے میں فارم کی توثیق کی وضاحت کرتے ہیں لہذا پہلے ہم دو فائلیں بناتے ہیں ، ایک ای پی۔ جے ایس اور دوسری انڈیکس ایچ ٹی ایم ایل ہے۔ ہماری انڈیکس ایچ ٹی ایم فائل میں ایک سادہ ایچ ٹی ایم ایل فارم شامل ہے جس کی کونیی توثیق ہوتی ہے اور ہماری ایپ.js فائل میں انڈیکس ایچ ٹی ایم ایل پیج پر فارم کی توثیق کو سنبھالنے کے لئے پسدید کوڈ ہوتا ہے۔

موسم بہار میں پوجو کیا ہے

index.htmlصفحے کے مندرجات کے ساتھ فارمنمبرپراپرٹی اور اس کا قطعی مطلب کیا ہے؟

فارم ٹیگ میں غیر جائیداد پراپرٹی ایچ ٹی ایم ایل کو بتاتی ہے کہ ہم اپنی کسٹم فارم کی توثیق استعمال کرسکتے ہیں۔ اگر ہم اس کے بعد کوئی جائیداد نہیں دیتے ہیں اور HTML فارم HTML5 ڈیفالٹ فارم کی توثیق کی خصوصیات کو استعمال کرکے توثیق کرتا ہے۔

فارم کی توثیق کے اقدامات

ہماری شکل میں ، ہم نے اپنی شکل میں 6 فیلڈز بنائے ہیں یہ پہلا نام ، آخری نام ، ای میل ، فون ، پاس ورڈ ، اور پیغام ہیں۔

  1. پہلے ، ہم مطلوبہ فیلڈ تصدیق کنندہ کو شامل کرتے ہیں ، یہ توثیق کار صارفین کو بتاتا ہے کہ ایک مخصوص فیلڈ درکار ہے۔

  2. اگلا ای میل کا فیلڈ ہے اگر صارف کوئی درست ای میل نہیں دیتا ہے تو ہمارے ای میل کی توثیق کنندہ نے ایک ای میل کی توثیق کی غلطی پھینک دی۔

  3. ہم نے اپنے پاس ورڈ کی توثیق میں کم سے کم اور زیادہ سے زیادہ لمبائی مقرر کی ہے جس میں کم سے کم لمبائی 5 ہے اور زیادہ سے زیادہ لمبائی 8 ہے لہذا صارف 5 سے 8 حروف کے درمیان ایک درست پاس ورڈ دے سکتا ہے۔

  4. آخر میں ، ہم نے فون اور میسج کے فیلڈز کو ترتیب دیا اور خاص طور پر ، دائر کردہ فون پر نمبر کی توثیق کا اطلاق کریں۔

کونیی جے ایس میں فارم کی توثیق کے لئے کوڈ

index.html

کونیی دائرہ کار مثال کے طور پر پہلا نام 

یہ دائر کرنا ضروری ہے

آخری نام

یہ دائر کرنا ضروری ہے

ای میل

یہ دائر کرنا ضروری ہے

ایک درست ای میل نہیں ہے

فون

یہ دائر کرنا ضروری ہے

یہ درست فون نہیں ہے

پاس ورڈ

یہ دائر کرنا ضروری ہے

ازگر کے لئے anaconda کا استعمال کیسے کریں

5 سے 8 حروف کے درمیان پاس ورڈ

پیغام

یہ دائر کرنا ضروری ہے

جمع کرائیں

app.js

var ایپ = کونیی.موڈول ('این جی ویالیڈ ایپ' ، []) app.controller ('این جی ویلیڈکانٹرولر' ، فنکشن ($ دائرہ کار) {})

آئیے اس فارم میں استعمال ہونے والے کچھ توثیق ہدایت کے بارے میں بات کرتے ہیں:

  • این جی کی ضرورت ہے : مطلوبہ فیلڈ کی فراہمی کے لئے
  • این جی شو : حالت کی بنیاد پر غلطی کے پیغام کو ظاہر کرنے کے لئے (توثیق کی خصوصیات کو چیک کریں)
  • لمبائی کی : کم سے کم لمبائی فراہم کرنے کے ل
  • این جی لمبائی : زیادہ سے زیادہ لمبائی فراہم کرنے کے ل
  • پیٹرن : ایک مخصوص نمونہ سے ملنے کے لئے
  • این جی ماڈل : فیلڈ کو توثیق کی خصوصیات سے منسلک کرتا ہے جیسے $ غلطی ، $ درست ، وغیرہ۔

اس کے ساتھ ، ہم Angular JS آرٹیکل میں اس توثیق کا اختتام کرتے ہیں۔ مجھے امید ہے کہ آپ کو انگوٹی جے ایس میں فارم کی توثیق کے ل considered غور کرنے کیلئے مختلف چیزوں کی سمجھ آگئی ہے۔

اگر آپ کونیی فریم ورک کے بارے میں مزید معلومات حاصل کرنا چاہتے ہیں تو ہمارا چیک کریں جو انسٹرکٹر کی زیر قیادت براہ راست تربیت اور حقیقی زندگی کے منصوبے کے تجربے کے ساتھ آتا ہے۔ یہ تربیت آپ کو کونیی کو گہرائی میں سمجھنے اور اس موضوع پر مہارت حاصل کرنے میں مدد فراہم کرے گی۔

ہمارے لئے ایک سوال ہے؟ برائےکرم اس مضمون کے تبصرے والے حصے میں اس کا ذکر کریں اور ہم آپ کو واپس ملیں گے۔