প্রদর্শনের ভিতরে ফর্ম ক্ষেত্রগুলি জমা দিন: কোনও উপাদান নেই


86

আমার একটি দীর্ঘ ফর্ম রয়েছে যা আমি 6 টি ধাপে বিভক্ত হয়েছি। ফর্মটি লোড হয়ে গেলে, সমস্ত ধাপ লোড হয় তবে কেবল প্রথম ধাপটি দৃশ্যমান। বাকিদের সিএসএস রয়েছে display:noneতাই তারা লুকিয়ে আছে। জাভাস্ক্রিপ্টের সাথে একটি পদক্ষেপ সম্পূর্ণ এবং বৈধ হয়ে যাওয়ার সাথে সাথে বর্তমান পদক্ষেপটি সেট করা আছে display:noneএবং নতুন পদক্ষেপটি সেট করা আছে display:block। চূড়ান্ত পদক্ষেপে, ব্যবহারকারী ফর্মটি জমা দেয়। তবে আশানুরূপ হিসাবে, display:blockপৃষ্ঠায় উপাদানগুলির ক্ষেত্রগুলি কেবল জমা দেওয়া হয়েছে। উপাদানগুলির সাথে সমস্ত সম্পূর্ণ ক্ষেত্র display:noneউপেক্ষা করা হয়।

display:noneউপাদানগুলির মধ্যে ক্ষেত্রগুলি জমা দেওয়ার কোনও উপায় আছে ?

যদি তা না হয় তবে একই প্রভাব অর্জনের আর কোনও উপায় আছে কি?


12
আপনি কোন ব্রাউজারে এই আচরণটি দেখেছেন? ব্রাউজারগুলি মনে হয় display: noneআমার সমস্ত পরীক্ষায় ধারকগুলির মধ্যে ফর্ম উপাদানগুলি জমা দেয় ।
কাঁপুন

উত্তর:


183

সেগুলিতে visibility:hiddenএবং position:absoluteপরিবর্তে সেট করুন । ক্ষেত্রগুলি সার্ভারে প্রেরণ করা হবে না display:none, তবে সাথে থাকবে visibility:hidden। "পজিশন" কে "পরম "তে টগল করেও আপনার একই ভিজ্যুয়াল এফেক্ট পাওয়া উচিত।

আপডেট এটি বর্তমান কোনও ব্রাউজারে (2015 সালের নভেম্বর পর্যন্ত) কোনও সমস্যা হিসাবে উপস্থিত হবে না। ক্ষেত্রগুলি জমা দেওয়া হয় এমনকি প্রদর্শন 'কিছুই নয়' তে সেট করা থাকলেও। যে ক্ষেত্রগুলি 'অক্ষম' রয়েছে সেগুলি জমা দেওয়া অবিরত থাকবে।


26
এটি বর্তমান কোনও ব্রাউজারে কোনও সমস্যা বলে মনে হচ্ছে না। ক্ষেত্রগুলি জমা দেওয়া হয় এমনকি প্রদর্শন 'কিছুই নয়' তে সেট করা থাকলেও। যে ক্ষেত্রগুলি 'অক্ষম' রয়েছে সেগুলি জমা দেওয়া অবিরত থাকবে।
adam0101

4
আইই 8 (আশ্চর্য!) পোস্ট করার ক্ষেত্রে এখনও সমস্যা রয়েছে যা সেট করা আছে display:none;। ক্ষেত্রটির উপরে অন্য এইচটিএমএল উপাদান স্থাপন করা থাকলে একই সমস্যা দেখা দেয়।
এরিক ট্যারি সিলফ্রেসওয়ার্ড

4
@ পেসারিয়র, হ্যাঁ disabledমানগুলি জমা দেওয়া থেকে বাধা দেয় তবে কিছু পুরানো ব্রাউজারগুলিতেও এর display:noneপ্রভাব থাকে। মনে রাখবেন যে এই উত্তর 4 বছর আগে পোস্ট করা হয়েছিল এবং কেবলমাত্র সেই বয়স্ক ব্রাউজারগুলির জন্য বিকাশ করা দরকার এমন বিকাশকারীদের ক্ষেত্রেই এটি প্রযোজ্য।
adam0101

4
এটি 20 শে জানুয়ারী এবং ক্রোমিয়াম এবং ফায়ারফক্সের সর্বশেষতম সংস্করণগুলি ব্যবহার করছে তবে এখনও লোডের মধ্যে লুকানো থাকা ক্ষেত্রগুলি এখনও পোস্ট করতে পারে না
মাসিনেড মুলিরো

4
এখানে ক্রোম 49, প্রদর্শনের মধ্যে ইনপুট উপাদানগুলি জমা দেওয়ার বিষয়টি নিশ্চিত করতে পারে: কোনওটিই কাজ করে না।
csvan

4

এইচটিএমএল, বিভাগ ১ 17.১৩.২ স্পষ্টভাবে বলেছে যে এমনকি ডিসপ্লে ব্যবহার করে লুকানো নিয়ন্ত্রণগুলি: কোনওটি জমা দেওয়ার জন্য বৈধ হতে পারে না।

https://www.w3.org/TR/html401/interact/forms.html

সুতরাং ব্রাউজার যদি প্রদর্শন উপেক্ষা করে: তবে তা সম্পূর্ণরূপে এইচটিএমএল-সক্ষম নয়। আমি একটি বাস্তব ব্রাউজারের জন্য স্যুইচ করার পরামর্শ দিচ্ছি।


4
কোনও প্রোগ্রামার দর্শকদের বলতে পারবেন না যে কোন ব্রাউজারটি খুব বেশি ব্যবহার করে এবং সর্বশেষতম ফায়ারফক্সের সাথে আমারও একই সমস্যা রয়েছে। প্রদর্শনের চেষ্টা করছে: কোনওটি নয় বা দৃশ্যমানতা: লুকানো আছে তবে কোনওটিই কাজ করছে না।
ডনপি

আর কে এতগুলি সাইটে "আপনার ব্রাউজারটি আপগ্রেড করার সময় হয়েছে" ব্যানার লাগাচ্ছে? ;-) আমি এটা পাই. আপনার অর্থ এই নয় যে "প্রোগ্রামার দর্শকদের কোন ব্রাউজারটি ব্যবহার করবেন তা বলতে পারে না" - যা মতপ্রকাশের স্বাধীনতার লঙ্ঘন করবে ... আপনার সম্ভবত "ভাড়াটে প্রোগ্রামার" বোঝানো হয়েছিল। ঠিক আছে. আমার পোস্টটি খুব কার্যকর ছিল না কারণ আমি কেবলমাত্র মানদণ্ড দ্বারা নির্ধারিত সঠিক আচরণটি কী তা নির্দেশ করতে চেয়েছিলাম। এটাই.
এলিক্সন

4
যে কোনও ইভেন্টে, দৃশ্যমানতা সম্পর্কে আমার মন্তব্যটি লুকানো (এবং সম্ভবত এমনকি প্রদর্শিত: কিছুই নয়) বোধহয় ছিল যেহেতু আমি বুঝতে পেরেছিলাম যে আমার ক্ষেত্রে এটি একটি বাগ, বা বরং তদারকি, এইচটিএমএল স্ট্যান্ডার্ডটিতে লিখিত। যদি একটি চেকবক্সটি চেক করা না থাকে এবং ফর্মটি জমা দেওয়া হয় তবে এটি এমনকি সেখানে নেই বলে মনে হয়। এটি কেবল কিছু জমা দেয় না (ডাবল-নেতিবাচক ক্ষমা করে) তবে তা মোটেও জমা দেয় না।
ডোনপি

সুতরাং দেখে মনে হচ্ছে এটি তখন কোনও অদ্ভুত অ-এইচটিএমএল অনুগত ব্রাউজার ছিল না। মামলা বন্ধ.
এলিক্সন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.