ایک فارم یا سوالنامہ بناتے وقت، کسی مخصوص فیلڈ میں صارف کے ان پٹ کی قدر مختص کرنے کی ضرورت ہو سکتی ہے۔ مثال کے طور پر، ان کو استعمال کرنے کے لیے خفیہ اندراجات، یعنی پاس ورڈ یا انکوڈ شدہ قدر شامل کرنا۔ ایسی صورتوں میں، جاوا اسکرپٹ کے ذریعے چھپے ہوئے ان پٹ عنصر کی قدر کا تعین ڈیٹا کو محفوظ اور محفوظ رکھنے میں مدد کرتا ہے۔
یہ بلاگ جاوا اسکرپٹ کے ذریعے ایک پوشیدہ ان پٹ فیلڈ کی قدر مقرر کرنے کے طریقہ کار پر بات کرے گا۔
جاوا اسکرپٹ کے ذریعے پوشیدہ ان پٹ فیلڈ کی ویلیو کیسے سیٹ کی جائے؟
جاوا اسکرپٹ کے ذریعے پوشیدہ ان پٹ فیلڈ کی قدر مقرر کرنے کے لیے، ذیل میں بیان کردہ طریقوں کا اطلاق کریں:
طریقہ 1: اندرونی ایچ ٹی ایم ایل پراپرٹی کے ذریعے پوشیدہ عنصر کی قیمت مقرر کریں۔
' اندرونی ایچ ٹی ایم ایل ' پراپرٹی عنصر کے HTML مواد کو واپس کرتی ہے۔ اس خاصیت کا استعمال صارف کی وضاحت کردہ قدر کو مختص پوشیدہ ان پٹ فیلڈ میں سیٹ اور شامل کرنے کے لیے کیا جا سکتا ہے۔
نحو:
element.innerHTML = متن
مندرجہ بالا نحو میں، ' عنصر ' سے مراد وہ عنصر ہے جسے ' کے ساتھ جوڑنے کی ضرورت ہے متن ' قدر.
مثال
آئیے ذیل میں بیان کردہ مثال کے ذریعے چلتے ہیں:
< ان پٹ قسم = 'چھپا ہوا' آئی ڈی = 'پوشیدہ عنصر' قدر = '' >< سکرپٹ >
دو myInput = پرامپٹ ( 'براہ کرم اپنا متن درج کریں' ، '' ) ;
اگر ( میرا ان پٹ ! = کالعدم ) {
دو x = document.getElementById ( 'پوشیدہ عنصر' ) .innerHTML = 'پوشیدہ عنصر کی قدر ہے:' + myInput؛
الرٹ ( ایکس )
}
سکرپٹ >
مندرجہ بالا کوڈ بلاک میں:
- سب سے پہلے، بیان کردہ صفات کے ساتھ ان پٹ فیلڈ بنائیں۔
- ' قسم 'قدر کے ساتھ وصف' چھپا ہوا ' کا مطلب ہے کہ یہ ایک پوشیدہ میدان ہے۔
- اس کے بعد، ' فوری طور پر ڈائیلاگ باکس صارف سے ایک قدر لیتا ہے۔
- اب، صارف کی وضاحت کردہ قدر پر ایک چیک لگائیں جیسے کہ یہ نہیں ہے ' خالی ' کا استعمال کرتے ہوئے ' اگر ' حالت.
- آخر میں، اس کے ذریعے پوشیدہ ان پٹ فیلڈ تک رسائی حاصل کریں۔ آئی ڈی ' کا استعمال کرتے ہوئے ' getElementById() 'طریقہ اور صارف کی طرف سے متعین قدر کو اس کے ذریعے سیٹ کریں' اندرونی ایچ ٹی ایم ایل ' جائیداد.
- آخر میں، ایک انتباہ کے ذریعے منسلک قدر ڈسپلے کریں.
آؤٹ پٹ
جیسا کہ مشاہدہ کیا گیا ہے، یوزر ان پٹ ویلیو کو پوشیدہ ان پٹ فیلڈ میں شامل کیا جاتا ہے۔
طریقہ 2: jQuery اپروچ کا استعمال کرتے ہوئے پوشیدہ عنصر کی قدر سیٹ کریں۔
اس نقطہ نظر میں، jQuery کی ' val() ” کا طریقہ چھپے ہوئے ان پٹ فیلڈ میں نظر آنے والے ان پٹ ٹیکسٹ فیلڈ کی قدر مختص کرنے کے لیے استعمال کیا جائے گا۔
مثال
آئیے درج ذیل کوڈ کا جائزہ لیں:
< ص > قدر درج کریں۔ کے لیے پوشیدہ عنصر ص >< ان پٹ آئی ڈی = 'myInput' قدر = '' قسم = 'متن' />< بی آر >
< ان پٹ آئی ڈی = 'پوشیدہ عنصر' قسم = 'چھپا ہوا' قدر = '' />
< بی آر >
< بٹن آئی ڈی = 'btnShow' > جمع کرائیں بٹن >
< سکرپٹ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >> سکرپٹ >
< سکرپٹ >
$ ( '#btn دکھائیں' ) پر ( 'کلک' ، فنکشن ( ) {
دو ان پٹ ویلیو = $ ( '#myInput' ) .val ( ) ;
$ ( '#hiddenElement' ) .val ( ان پٹ ویلیو ) ;
الرٹ ( 'پوشیدہ عنصر کی قدر ہے:' + ان پٹ ویلیو ) ;
} ) ;
سکرپٹ >
کوڈ کی اوپر کی لائنوں میں:
- سب سے پہلے، بیان کردہ صفات کے ساتھ ایک ان پٹ ٹیکسٹ فیلڈ شامل کریں۔
- اسی طرح، ایک اور پوشیدہ ان پٹ فیلڈ مختص کریں، جیسا کہ اس سے ظاہر ہے ' قسم ' وصف.
- ایک مخصوص 'کے ساتھ <بٹن> ٹیگ شامل کیا گیا آئی ڈی ' وصف.
- اس کے بعد، 'کی مدد سے jQuery لائبریری کو شامل کریں۔ src 'وصف' میں