কী কী চাপলে প্রবেশের ক্ষেত্রে মডেল বরখাস্ত এড়ান


107

আমি এর ভিতরে একটি ফর্ম সহ একটি বুটস্ট্র্যাপ মডেল স্থাপন করেছি, আমি কেবল লক্ষ্য করেছি যে আমি যখন কী টিপব তখন মোডালটি বরখাস্ত হয়ে যায়। এন্টার টিপানোর সময় এটিকে খারিজ করার উপায় নেই?

আমি কীবোর্ডের সাহায্যে মডেলটি সক্রিয় করার চেষ্টা করেছি: মিথ্যা, তবে এটি কেবল ইসি কী দ্বারা বরখাস্ত হওয়া রোধ করে।


আমি এই প্রশ্ন পছন্দ করি। কেন কেবল প্লাগইনের উত্স কোডটি সম্পাদনা করবেন না?
রায়ান 16

আমি এটি একবার দেখে নেব, যদি আমি দরকারী কিছু পাই তবে আমি সম্পাদনা করব। ইতিমধ্যে, আমি আশা করি কেউ উত্তরটি জানেন।
লুক মরগান 16

আমি ক্লিক.ডিজমিস.মোডাল থেকে কীআপে পরিবর্তিত হয়েছি, এটা ঠিক আছে, আমি আবার কিছু যাচাই করে দেখব যে আমি অন্য কিছু খুঁজে পেয়েছি কিনা
লূক মরগ্যান

হ্যাঁ, এটি বোতামগুলি স্ক্রু করেছে (আমি একটি অন্লিক = "$ ('# সাইনিনমোডাল') যুক্ত করেছি mod মডেল ('লুকান');" এই সমস্যাগুলি এড়াতে এখন সবকিছু ঠিক আছে, মনে হয়)
লুক মরগান

উত্তর:


121

আমার শুধু এই সমস্যা ছিল।
আমার সমস্যাটি ছিল আমার মোডেলে একটি ঘনিষ্ঠ বোতাম ছিল

<button class="close" data-dismiss="modal">&times;</button>

ইনপুট ফিল্ডে এন্টার টিপে এই বোতামটি সরিয়ে ফেলা হয়েছে। পরিবর্তে আমি এটিকে একটি অ্যাঙ্কারে পরিবর্তন করেছি এবং এটি এখন প্রত্যাশা অনুযায়ী কাজ করে (ফর্মটি জমা দেয় এবং মডেলটি বন্ধ করে না)।

<a class="close" data-dismiss="modal">&times;</a>

আপনার উত্স না দেখে, আমি নিশ্চিত করতে পারি না যে যদিও আপনার কারণ একই same


না, কোনও বোতাম ব্যবহার করা হয়নি, আমি <a> আইটেমগুলি ব্যবহার করেছি, আমার ধারণা এটি অন্যরকম কিছু। আমি যে কোডটি ব্যবহার করি তা হ'ল বুটস্ট্র্যাপ পৃষ্ঠায় স্যাম্পল কোডটি, কেবল একটি ফর্মের ভিতরে যুক্ত করা হয়
লূক মরগান

আমি উপরের ডানদিকে কোণায় বোতামটি দেখিনি, এটাই সমস্যা। এখন এটি কাজ করে, ধন্যবাদ!
লুক মরগান

+1, দুর্দান্ত সন্ধান! আমি ভাবছি কেউ এটি বুটস্ট্র্যাপ ইস্যু ট্র্যাকারে রেখে দিয়েছে কিনা? আমি এই মুহুর্তে চেক করতে খুব অলস। লাঞ্চের পরে হতে পারে।
অ্যান্ড্রু

8
এটি কেবল একটি বোতামের সমস্যা নয়। আমি আমার মডেল থেকে সমস্ত বোতাম সরিয়ে নিয়েছি (উপরের ডানদিকে "x" সহ) তবে আমার যদি একক ফর্মের পাঠ্য ক্ষেত্র থাকে তবে এন্টার চাপলে ডায়লগটি বাতিল হবে। আশ্চর্যজনকভাবে এটি কেবল তখনই সমস্যা যখন কোনও একক পাঠ্য ক্ষেত্র থাকে। আমার একবার দুটি হয়ে গেলে, এন্টার মডেলটিকে খারিজ করে না কোন ক্ষেত্রটির ফোকাসই নেই।
জপসকিন

11
কেউ বাতিল বোতামে টাইপ = "বোতাম" ব্যবহার করতে পারে
মুয়ায়াদ আলসাদি

77

কেবলমাত্র টাইপ = "বোতাম" বৈশিষ্ট্যটি বোতামের উপাদানের সাথে যুক্ত করুন, কিছু ব্রাউজার ডিফল্টরূপে জমা হিসাবে প্রকারটি ব্যাখ্যা করে ।

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes

এটি মোডালে থাকা সমস্ত বোতামের জন্য প্রযোজ্য।

<button type="button" class="close" data-dismiss="modal">×</button>

19

আমার বুটস্ট্র্যাপ মডেল থেকে সমস্ত বোতাম অপসারণ করার পরেও আমার এই সমস্যা ছিল, তাই এখানকার কোনও সমাধানই আমাকে সাহায্য করেনি।

আমি দেখতে পেলাম যে কোনও একক পাঠ্য ক্ষেত্র সহ কোনও ফর্ম ব্রাউজারকে একটি ফর্ম জমা দেবে (এবং ফলস্বরূপ বরখাস্ত করা হবে), যদি আপনি পাঠ্য ক্ষেত্রটিতে কীবোর্ড ফোকাস থাকাকালীন এন্টার টিপুন। এটি বুটস্ট্র্যাপের চেয়ে কোনও ব্রাউজার / ফর্ম ইস্যুতে বেশি বলে মনে হচ্ছে।

আমার সমাধানটি ছিল ফর্মের অনসামিত বৈশিষ্ট্যটিকে onsubmit = "মিথ্যা ফেরত" এ সেট করা

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

এখানে আরও তথ্য: একটি একক পাঠ্য ইনপুট ক্ষেত্র সহ বুটস্ট্র্যাপ মডেল সংলাপগুলি সর্বদা এন্টার কীতে বরখাস্ত হয়


2
আমার কাছে ইতিমধ্যে type="button"আমার সমস্ত বন্ধ / বাতিল বোতাম ছিল, তবে এখনও আমার কী মডেলটি বন্ধ করে এন্টার কী নিয়ে এই সমস্যা ছিল। আমার মডেলে আমার কেবল 1 ইনপুট পাঠ্য ক্ষেত্র ছিল এবং আপনার সমাধান এটি স্থির করেছে। আপনার উত্তরের জন্য ধন্যবাদ!
ড্যারেন পার্কার

7

আপনি বাতিল বোতামটির আগে লগইন বোতামটি রাখতে পারেন এবং এটি আপনার সমস্যাটিও সমাধান করবে।

<div class="modal-footer">
    <button type="submit" class="btn primary">Login</button>
    <button type="submit" class="btn" data-dismiss="modal">Cancel</button>
</div>

6
বাতিল প্রকারের জমা হওয়া উচিত নয়
মানাটেক্স

5

আমার একই সমস্যা ছিল, এবং আমি এটি দিয়ে সমাধান করেছি

<form onsubmit="return false;">

তবে আরও একটি সমাধান রয়েছে, আপনি ডামি অদৃশ্য ইনপুট যুক্ত করতে পারেন, সুতরাং আপনার ফর্মটি দেখতে এই রকম হবে:

<form role="form" method="post" action="submitform.php">
    <input type="text" id="name" name="name" >
    <input type="text" style="display: none;">
</form>

3

আমার ঠিক এখন একইরকম অভিজ্ঞতা ছিল এবং আমি যেভাবে এটি সমাধান করেছি তা ট্যাগ ব্যবহারের পরিবর্তে, আমি ট্যাগটি টাইপ = "বোতাম" সহ একটি ট্যাগে পরিবর্তন করেছি। এটি "এন্টার" কী টিপতে এবং বুটস্ট্র্যাপ মডেলটি খারিজ করার সমস্যার সমাধান বলে মনে হয়েছিল।


2

আমারও এই সমস্যা ছিল এবং আমি এটি এইভাবে সমাধান করেছি। আমি ফর্মটি জমা দিয়েছি। আমি সেভিং কী হিসাবে এন্টার কীটি ব্যবহার করতে সক্ষম হতে চেয়েছিলাম তাই আমি অনসুমিতে save_stuff () জাভাস্ক্রিপ্ট যুক্ত করেছি। প্রত্যাবর্তন মিথ্যা; ফর্ম জমা প্রতিরোধ করতে ব্যবহৃত হয়।

<form onsubmit="save_stuff(); return false;">
 ...
</form>

<script>
    function save_stuff(){
      //Saving stuff
    }
</script>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.