آن لائن فارم بناتے وقت پاس ورڈ کی توثیق کرنے والے فیلڈز کو شامل کرنا ضروری ہے جو صارفین سے پاس ورڈ سیٹ کرنے کو کہتے ہیں۔ پاس ورڈ فیلڈ صارف کے ان پٹ کو بطور ڈیفالٹ چھپاتا ہے جس کے لیے کسی قسم کا میکانزم ہونا ضروری ہوتا ہے جو صارفین کو اس بات کی تصدیق کرنے کی اجازت دیتا ہے کہ انھوں نے بغیر کسی ٹائپنگ کے درست پاس ورڈ لکھا ہے۔ کنفرم پاس ورڈ فیلڈ صارف کو اپنے پاس ورڈ کو دوبارہ چیک کرنے کا اشارہ کرتا ہے اگر وہ کسی بھی حروف اور پاس ورڈ کو غلط ٹائپ کرتے ہیں اور تصدیق کرتے ہیں کہ پاس ورڈ فیلڈز مماثل نہیں ہیں۔
اس پوسٹ میں ہمارا مقصد ایک HTML فارم بنانا ہے جو صارف کے ان پٹ سے مماثل ہو۔ پاس ورڈ اور پاس ورڈ کی تصدیق کریں۔ فیلڈز اس بات کی تصدیق کرنے کے لیے کہ آیا صارف نے صحیح پاس ورڈ ٹائپ کیا ہے یا کوئی غلطی کی ہے۔
مرحلہ 1: HTML فارم
پہلا قدم ایک HTML فارم بنانا ہے جو صارف کا ان پٹ لیتا ہے:
< مرکز >
< h2 > لینکس کا اشارہ h2 >
< فارم >
< ص > پاس ورڈ درج کریں ص >
< ان پٹ قسم = 'پاس ورڈ' آئی ڈی = 'پاس' > < بی آر >< بی آر >
< ص > پاس ورڈ کی تصدیق کریں۔ ص >
< ان پٹ قسم = 'پاس ورڈ' آئی ڈی = 'تصدیق' > < بی آر >< بی آر >
< بٹن قسم = 'جمع کرائیں' کلک پر = 'پاسورڈ کی تو ثیق()' > لاگ میں بٹن >
فارم >
مرکز >
ہم نے ایک سادہ HTML فارم بنایا ہے جس میں دو قسم کے پاس ورڈ کے ان پٹ فیلڈز ہیں اور ایک لاگ ان بٹن ہے جو کال کرتا ہے۔ پاسورڈ کی تو ثیق() فنکشن جب اس پر کلک کیا جاتا ہے۔
مرحلہ 2: جاوا اسکرپٹ فارم کی توثیق
اب ہم جاوا اسکرپٹ کوڈ کے اندر لکھیں گے۔ پاسورڈ کی تو ثیق() فنکشن جو پاس ورڈ کی توثیق کرتا ہے:
فنکشن پاسورڈ کی تو ثیق ( ) {
var password = document.getElementById ( 'پاس' ) .قدر؛
var confirmPassword = document.getElementById ( 'تصدیق' ) .قدر؛
اگر ( پاس ورڈ == '' ) {
الرٹ ( 'خرابی: پاس ورڈ فیلڈ خالی ہے۔' ) ;
} اور اگر ( پاس ورڈ == تصدیق پاس ورڈ ) {
الرٹ ( 'لاگ ان' ) ;
} اور {
الرٹ ( 'براہ کرم یقینی بنائیں کہ آپ کے پاس ورڈ مماثل ہیں۔' )
}
}
کے اندر پاسورڈ کی تو ثیق() فنکشن کے ذریعے ہم سب سے پہلے پاس ورڈ کی قدریں حاصل کرتے ہیں اور پاس ورڈ کی فیلڈز کی تصدیق کرتے ہیں اور انہیں متغیر کے اندر اسٹور کرتے ہیں۔ اس کے بعد ہم مشروط بیانات کا استعمال مختلف مقدمات کی جانچ کے لیے کرتے ہیں۔
کیس 1: پاس ورڈ فیلڈ خالی ہے۔
پہلا مشروط چیک کرتا ہے کہ آیا پاس ورڈ فیلڈ خالی ہے۔ اگر فیلڈ خالی ہے تو ہم صارف کو پاس ورڈ ٹائپ کرنے کا اشارہ کرتے ہیں:
کیس 2: پاس ورڈز مماثل ہیں۔
اگر پاس ورڈز مماثل ہوں تو صارف کامیابی کے ساتھ لاگ ان ہوتا ہے:
کیس 3: پاس ورڈز مماثل نہیں ہیں۔
اگر پاس ورڈز مماثل نہیں ہیں، تو ہم صارف سے پاس ورڈز کو دوبارہ ٹائپ کرنے کو کہتے ہیں اور یقینی بنائیں کہ وہ مماثل ہیں:
جاوا اسکرپٹ اور ایچ ٹی ایم ایل کوڈ مل کر کچھ اس طرح لگتا ہے:
< html >
< جسم >
< مرکز >
< h2 > لینکس کا اشارہ h2 >
< فارم >
< ص > پاس ورڈ درج کریں ص >
< ان پٹ قسم = 'پاس ورڈ' آئی ڈی = 'پاس' > < بی آر >< بی آر >
< ص > پاس ورڈ کی تصدیق کریں۔ ص >
< ان پٹ قسم = 'پاس ورڈ' آئی ڈی = 'تصدیق' > < بی آر >< بی آر >
< بٹن قسم = 'جمع کرائیں' کلک پر = 'پاسورڈ کی تو ثیق()' > لاگ میں بٹن >
فارم >
مرکز >
جسم >
< سکرپٹ >
فنکشن پاسورڈ کی تو ثیق ( ) {
var password = document.getElementById ( 'پاس' ) .قدر؛
var confirmPassword = document.getElementById ( 'تصدیق' ) .قدر؛
اگر ( پاس ورڈ == '' ) {
الرٹ ( 'خرابی: پاس ورڈ فیلڈ خالی ہے۔' ) ;
} اور اگر ( پاس ورڈ == تصدیق پاس ورڈ ) {
الرٹ ( 'لاگ ان' ) ;
} اور {
الرٹ ( 'براہ کرم یقینی بنائیں کہ آپ کے پاس ورڈ مماثل ہیں۔' )
}
}
سکرپٹ >
html >
نتیجہ
انسان اکثر غلطیاں کر سکتے ہیں لیکن اس سے انہیں اپنے اکاؤنٹس میں لاگ ان ہونے سے نہیں روکنا چاہیے۔ یہاں تک کہ پاس ورڈ درج کرنے میں معمولی غلطی بھی صارف کے اکاؤنٹ تک رسائی کو محدود کر سکتی ہے۔ لہذا، یہ ہمیشہ ایک اچھا خیال ہے کہ صارف کے پاس ورڈ کو دو بار چیک کریں تاکہ اس بات کی تصدیق ہو سکے کہ اس نے صحیح پاس ورڈ درج کیا ہے۔