ڈیٹا کی توثیق کسی بھی ویب ایپلیکیشن کا ایک لازمی حصہ ہے کیونکہ یہ اس بات کو یقینی بنانے میں مدد کرتا ہے کہ اپ لوڈ کیا جا رہا ڈیٹا ڈویلپرز کی طرف سے عائد کردہ کچھ ضروریات کو پورا کرتا ہے۔ ڈیٹا کی توثیق سرور اور کلائنٹ دونوں طرف کی جا سکتی ہے لیکن کلائنٹ سائیڈ کی توثیق اکثر صارفین کا وقت بچاتی ہے اور صارف کے بہتر، ہموار تجربے کو ثابت کرتی ہے۔ کلائنٹ سائیڈ ڈیٹا کی توثیق آسانی سے کی جا سکتی ہے اور اس میں بہت کم وقت لگتا ہے۔
اس طریقہ کار کی گائیڈ میں ہم HTML، JavaScript/jQuery کا استعمال کرتے ہوئے ایک فارم بنانے کے عمل سے گزریں گے جو اس سائز کی فائل کی توثیق کرتا ہے جیسا کہ اسے اپ لوڈ کیا جا رہا ہے۔ اس توثیق کا فائدہ یہ ہے کہ ہم صارفین کو صرف ایک مخصوص سائز کی فائلیں اپ لوڈ کرنے پر پابندی لگا سکتے ہیں اور اس بات کو یقینی بنا سکتے ہیں کہ وہ ہماری ضروریات پر سختی سے عمل کریں۔ اگر فائل غلط سائز کی ہے، تو ہم فائل کو سرور پر اپ لوڈ کیے بغیر صارف کو پیغام بھیج سکتے ہیں جس سے قیمتی وقت کی بچت ہوتی ہے۔
ویب پیج بنائیں
سب سے پہلے، ہم ایک سادہ HTML ویب صفحہ بنائیں گے:
DOCTYPE html >
< html >
< سر >
< عنوان >
کی توثیق فائل سائز جبکہ جاوا اسکرپٹ کا استعمال کرتے ہوئے اپ لوڈ کرنا / jQuery
عنوان >
سر >
< جسم انداز = 'padding-top: 10px؛ text-align:center;' >
< ص > اپ لوڈ a فائل ص >
< ان پٹ آئی ڈی = 'فائل' قسم = 'فائل' انداز = 'پیڈنگ-بائیں: 95px؛' />
< بی آر >< بی آر >
< بٹن کلک پر = 'size Validation()' > اپ لوڈ کریں۔ بٹن >
جسم >
html >
کوڈ کو سمجھنا:
ویب پیج کے باڈی میں، ہم نے صرف ایک استعمال کیا ہے۔ ، ،
اور a <بٹن> ٹیگ دی ٹیگ استعمال کیا جاتا ہے تاکہ صارف فائل کا انتخاب کر سکے اور پھر اسے استعمال کرکے دکھائے جانے والے بٹن کا استعمال کرکے اپ لوڈ کر سکے۔ <بٹن> ٹیگ
دی <بٹن> ٹیگ کال کرتا ہے۔ سائز کی توثیق () کلک ایونٹ پر فنکشن جو پھر فائل کے سائز کا تعین کرتا ہے اور فائل کے سائز کے لحاظ سے ایک مناسب الرٹ پرنٹ کرتا ہے۔
JavaScript sizeValidation() فنکشن کی وضاحت کریں۔
اب آئیے جاوا اسکرپٹ کوڈ لکھتے ہیں جو اس کی وضاحت کرتا ہے۔ سائز کی توثیق () فنکشن
< سکرپٹ >
فنکشن سائز کی توثیق ( ) {
var ان پٹ = document.getElementById ( 'فائل' ) ;
تھا فائل = input.files؛
اگر ( file.length== 0 ) {
الرٹ ( 'کوئی فائل منتخب نہیں کی گئی' ) ;
واپسی جھوٹا ;
}
var fileSize = Math.round ( ( فائل [ 0 ] .size / 1024 ) ) ;
اگر ( فائل کا ناپ < = 5 * 1024 ) {
الرٹ ( 'اپ لوڈ کیا گیا' ) ;
} اور {
الرٹ (
'خرابی! فائل بہت بڑی ہے' ) ;
}
}
سکرپٹ >
کوڈ کو سمجھنا:
کے جسم کے اندر سائز کی توثیق () فنکشن میں ہمیں پہلے ٹیگ ملتا ہے اور پھر استعمال کرتے ہیں۔ var فائل = inputElement.files؛ لائن تاکہ ہم اپ لوڈ کی جا رہی فائل تک رسائی حاصل کر سکیں۔ پھر ہم چیک کرتے ہیں کہ آیا کوئی فائل اپ لوڈ ہو گئی ہے، اگر نہیں، تو ہم ایک ایرر میسج کا اشارہ کریں گے اور فالس واپس کر کے فنکشن سے باہر ہو جائیں گے۔
اس کے بعد ہم فائل کے سائز کا تعین کرنے کے لیے کچھ ریاضی استعمال کرتے ہیں۔ اگر فائل مناسب سائز کی ہے یعنی 5MB (اس صورت میں)، تو اسے اپ لوڈ کر دیا جاتا ہے۔
بصورت دیگر، ایک پاپ اپ ظاہر ہوتا ہے جس میں غلطی کا پیغام ہوتا ہے۔
نتیجہ
اگرچہ کلائنٹ سائیڈ کی توثیق بہت زیادہ موثر ہے، لیکن یہ پھر بھی سرور سائیڈ کی توثیق کا متبادل نہیں ہے اور زیادہ تر معاملات میں اسے روکا جا سکتا ہے۔ سرور اور کلائنٹ کی طرف سے توثیق دونوں کو نافذ کرنا ہمیشہ ایک بہترین عمل ہے تاکہ آپ اپنی درخواست کی کارکردگی اور درستگی دونوں کو یقینی بنا سکیں۔