جاوا اسکرپٹ کے ساتھ کلائنٹ سائیڈ فارم کی توثیق کو کیسے نافذ کیا جائے۔

جاوا اسکرپٹ سب سے زیادہ مقبول اور ورسٹائل پروگرامنگ زبانوں میں سے ایک ہے جسے آپ آج سے شروع کر سکتے ہیں۔ یہ پروگرامنگ لینگویج بجا طور پر ویب کی زبان کہلاتی ہے اور آپ کی ویب سائٹس میں انٹرایکٹوٹی کو شامل کرنے کے لیے ضروری ہے۔

فارم عنصر ویب سائٹس پر سب سے زیادہ استعمال ہونے والے HTML عناصر میں سے ایک ہے۔ یہ فارم صارف سے ان پٹ لیتے ہیں اور اسے براؤزر یا سرور میں پروسیس کرتے ہیں۔ تاہم ، سیکورٹی کے مسائل اور ناپسندیدہ کیڑے سے نمٹنے کے لیے ان آدانوں کی توثیق ضروری ہے۔

---

---

DOM ہیرا پھیری کو سمجھنا۔

اس سے پہلے کہ ہم جاوا اسکرپٹ کے ساتھ کلائنٹ سائیڈ فارم کی توثیق کو نافذ کریں ، دستاویز آبجیکٹ ماڈل کو سمجھنا ضروری ہے ، جسے عام طور پر 'DOM' کہا جاتا ہے۔ DOM ایک معیاری API ہے جو جاوا اسکرپٹ کو HTML ویب پیج پر عناصر کے ساتھ بات چیت کرنے کی اجازت دیتا ہے۔

مزید جانیں: ویب سائٹس کا پوشیدہ ہیرو: DOM کو سمجھنا۔

ایونٹ سننے والوں کو شامل کرنے اور صارف کے ان پٹ حاصل کرنے کے لیے ، آپ کو DOM ہیرا پھیری کی بنیادی باتوں کو سمجھنے کی ضرورت ہوگی۔ یہاں ایک مثال ہے جو بتاتی ہے کہ آپ DOM API اور جاوا اسکرپٹ کا استعمال کرتے ہوئے ویب پیج کے مندرجات کو کیسے تبدیل کر سکتے ہیں۔







Document





const paragraph = document.getElementById('parapgraph');
paragraph.innerText = 'This is a paragraph tag';



مذکورہ کوڈ میں ،

ٹیگ کی ایک آئی ڈی ہے پیراگراف . جاوا اسکرپٹ کوڈ لکھتے وقت ، آپ اس عنصر کو کال کرکے اس تک رسائی حاصل کرسکتے ہیں۔ document.getElementById ('پیراگراف') طریقہ اور اس کی قدر میں ہیرا پھیری۔

اب جب کہ آپ DOM ہیرا پھیری کی بنیادی باتیں سمجھ چکے ہیں ، آئیے آگے بڑھیں اور فارم کی توثیق کو نافذ کریں۔

---

---

جاوا اسکرپٹ کے ساتھ فارم کی توثیق۔

ان پٹ کی مختلف اقسام ہیں جو آپ کسی صارف سے لے سکتے ہیں۔ متن کی قسم ، ای میل کی قسم ، پاس ورڈ کی قسم ، ریڈیو بٹن ، اور چیک باکس کچھ عام ہیں جن کا آپ کو سامنا ہوسکتا ہے۔ ان پٹ اقسام کی ان وسیع اکثریت کی وجہ سے ، آپ کو ان میں سے ہر ایک کی توثیق کے لیے مختلف منطق استعمال کرنے کی ضرورت ہوگی۔

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

---

---

ایپ خریداری کا کیا مطلب ہے؟

ایچ ٹی ایم ایل۔ عنصر استعمال کنندہ کی شکلیں بنانے کے لیے استعمال ہوتا ہے۔ یہاں ہے کہ آپ HTML فارم کے آدانوں کی تصدیق کیسے کر سکتے ہیں:

1. ای میل کی توثیق

چاہے آپ ایک توثیقی نظام بنا رہے ہو یا صرف اپنے نیوز لیٹر کے لیے صارف کی ای میلز اکٹھا کر رہے ہو ، اس سے پہلے کہ آپ اپنے ڈیٹا بیس میں محفوظ کر لیں یا اس پر کارروائی کریں اس کی توثیق ضروری ہے۔ یہ چیک کرنے کے لیے کہ آیا کوئی ای میل تمام مطلوبہ شرائط کو پورا کرتی ہے ، آپ a باقاعدہ اظہار .

HTML:

جاوا اسکرپٹ:

const emailInput = document.getElementById('email');
const emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/;
if (!emailInput.value.match(emailRegex)) {
alert('Invalid email address.');
}

2. پاس ورڈ کی توثیق

پاس ورڈ ڈیٹا کا ایک اہم حصہ ہے جس کی حفاظت کو یقینی بنانے کے لیے ایک خاص قسم کی توثیق کی ضرورت ہوتی ہے۔ ایک سائن اپ فارم پر غور کریں جس میں دو فیلڈز ہیں: پاس ورڈ اور پاس ورڈ فیلڈز کی تصدیق کریں۔ ان پٹ کے جوڑے کی توثیق کے لیے ، یہاں کچھ چیزیں ہیں جن پر آپ کو غور کرنا ہوگا:

• پاس ورڈ 6 حروف سے زیادہ لمبا ہونا چاہیے۔
• پاس ورڈ کی قدر اور پاس ورڈ کی تصدیق کا فیلڈ ایک جیسا ہونا چاہیے۔

HTML:




جاوا اسکرپٹ:

const password = document.getElementById('password').value;
const confirmPassword = document.getElementById('confirm-password').value;
if (password.value !== confirmPassword.value) {
alert('Entered passwords do not match');
}
if (password.length <6) {
alert('Password must be more than 6 characters long')
}

3. ریڈیو ان پٹ کی توثیق۔

ایچ ٹی ایم ایل ریڈیو ان پٹ ایک خاص قسم کا گرافیکل کنٹرول عنصر ہے جو صارف کو باہمی خصوصی اختیارات کے پہلے سے طے شدہ سیٹ میں سے صرف ایک منتخب کرنے کی اجازت دیتا ہے۔ اس طرح کے ان پٹ کے عام استعمال کا معاملہ صنف کے انتخاب کے لیے ہوگا۔ اس طرح کے ان پٹ کی توثیق کرنے کے لیے ، آپ کو چیک کرنا ہوگا کہ ان میں سے کم از کم ایک منتخب کیا گیا ہے۔

اس کا استعمال کرتے ہوئے حاصل کیا جاسکتا ہے۔ منطقی آپریٹرز جیسے اور ( && ) اور نہیں ( ! آپریٹر اس طریقے سے:

HTML:

Male

Female

Others


جاوا اسکرپٹ:

const genders = document.getElementsByName('gender');
const validForm = false;
let i = 0;
while (!validForm && i if (radios[i].checked) validForm = true;
i++;
}
if (!validForm) alert('Must check some option!');

4. ان پٹ کی توثیق کو منتخب کریں۔

کی HTML عنصر ڈراپ ڈاؤن فہرست بنانے کے لیے استعمال ہوتا ہے۔ کی کے اندر ٹیگ عنصر ڈراپ ڈاؤن فہرست میں دستیاب اختیارات کی وضاحت کرتا ہے۔ ان میں سے ہر ایک۔ ٹیگز کے ساتھ ایک ویلیو وصف وابستہ ہے۔

فون پر نشان کیا ہے؟

پہلے سے طے شدہ یا ابتدائی آپشن کے لیے ، آپ اس کی قیمت کو خالی سٹرنگ کے طور پر سیٹ کر سکتے ہیں تاکہ اسے ایک غلط آپشن سمجھا جائے۔ دیگر تمام آپشنز کے لیے ، ایک مناسب قدر وصف مقرر کریں۔ یہاں ایک مثال ہے کہ آپ a کی توثیق کیسے کرسکتے ہیں۔ ان پٹ عنصر:

HTML:


Select One
Mr
Mrs
Ms


جاوا اسکرپٹ:

چارجر کے بغیر کمپیوٹر کو کیسے چارج کیا جائے

const title = document.getElementById('title');
if (title.value = '') {
alert('Please select a title');
}

5. چیک باکس کی توثیق۔

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

یہ جاننے کے لیے کہ چیک باکس پر نشان لگایا گیا ہے یا نہیں ، آپ چیک باکس ان پٹ پر چیک شدہ وصف تک رسائی حاصل کرسکتے ہیں۔ یہاں ایک مثال ہے:

HTML:


I agree to the terms and conditions

جاوا اسکرپٹ:

const terms = document.getElementById('terms');
if (!terms.checked) {
alert('Please agree to the terms and conditions to proceed further.');
}


احتیاط علاج سے بہتر ہے

محفوظ اور محفوظ تجربہ فراہم کرنے کے لیے آپ کو وزیٹر سے موصول ہونے والی تمام معلومات کی توثیق کرنے کی ہمیشہ سفارش کی جاتی ہے۔ کریک سائٹ اسکرپٹنگ حملے اور ایس کیو ایل انجیکشن انجام دینے کے لیے ہیکرز ہمیشہ ان پٹ فیلڈز میں بدنیتی پر مبنی ڈیٹا داخل کرنے کی کوشش کرتے رہتے ہیں۔

اب جب کہ آپ سمجھ گئے ہیں کہ اپنے HTML آدانوں کی توثیق کیسے کی جائے ، کیوں نہ ایک فارم بنا کر اور اوپر کی حکمت عملیوں پر عمل درآمد کر کے اسے آزمائیں۔

بانٹیں بانٹیں ٹویٹ ای میل۔ ایچ ٹی ایم ایل میں فارم بنانے کا طریقہ

اپنے صارفین کو HTML فارم کے ساتھ اپنی ویب سائٹس پر ڈیٹا داخل کرنے کی اجازت دیں۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

• پروگرامنگ۔
• ایچ ٹی ایم ایل
• جاوا اسکرپٹ۔
• ویب سازی
• کوڈنگ ٹیوٹوریل

مصنف کے بارے میں نتن رنگناتھ۔(31 مضامین شائع ہوئے)

نتن ایک شوقین سافٹ ویئر ڈویلپر اور کمپیوٹر انجینئرنگ کا طالب علم ہے جو جاوا اسکرپٹ ٹیکنالوجیز کا استعمال کرتے ہوئے ویب ایپلیکیشن تیار کرتا ہے۔ وہ ایک فری لانس ویب ڈویلپر کے طور پر کام کرتا ہے اور اپنے فارغ وقت میں لینکس اور پروگرامنگ کے لیے لکھنا پسند کرتا ہے۔

نتن رنگناتھ سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔