আমার একটি HTML ফর্ম রয়েছে যেখানে আমি বেশ কয়েকটি বোতাম ব্যবহার করি। সমস্যাটি হ'ল আমি কোন বোতামটিতে ক্লিক করি না কেন, বোতামটি "জমা দিন" টাইপ না করা হলেও ফর্মটি জমা দেওয়া হবে। যেমন বোতামগুলি: <button>Click to do something</button>ফর্ম জমা দেওয়ার ফলস্বরূপ।
e.preventDefault()এই প্রতিটি বোতামের জন্য একটি করা বেশ বেদনাদায়ক ।
আমি jQuery এবং jQuery UI ব্যবহার করি এবং ওয়েবসাইটটি HTML5 এ রয়েছে।
এই স্বয়ংক্রিয় আচরণটি নিষ্ক্রিয় করার কোনও উপায় আছে কি?
উত্তর:
বোতাম পছন্দ <button>Click to do something</button> হয় বোতাম জমা দিতে হবে।
type="button"যে পরিবর্তন করতে সেট করুন । type="submit"ডিফল্ট ( HTML পরামর্শ দ্বারা নির্দিষ্ট করা )।
আপনি কেবল রিটার্ন মিথ্যা (প্রতিটি ডম উপাদানটিতে মিথ্যা ওভাররাইডের ডিফল্ট আচরণটি ফেরান) ব্যবহার করার চেষ্টা করতে পারেন:
myform.onsubmit = function ()
{
// do what you want
return false
}
এবং তারপরে my form.submit () ব্যবহার করে আপনার ফর্মটি জমা দিন
বা বিকল্পভাবে:
mybutton.onclick = function ()
{
// do what you want
return false
}
এছাড়াও, আপনি যদি type="button"আপনার ফর্ম ব্যবহার করেন তবে জমা দেওয়া হবে না।
<button>প্রকৃতপক্ষে বোতাম জমা দেওয়ার জন্য তাদের কোনও প্রধান কার্যকারিতা নেই। আপনাকে বোতামে টাইপ সেট করতে হবে।
তবে আপনি যদি নীচের মতো আপনার ইভেন্ট হ্যান্ডলারকে আবদ্ধ করেন, আপনি সমস্ত বোতাম লক্ষ্যবস্তু এবং প্রতিটি বোতামের জন্য এটি ম্যানুয়ালি করতে হবে না!
$('form button').on("click",function(e){
e.preventDefault();
});
e.preventDefault();।
আরেকটা:
if(this.checkValidity() == false) {
$(this).addClass('was-validated');
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
return false;
}