javascript - আমি কি<বোতাম> একটি ফর্ম জমা দিতে পারি না?




jquery html (5)

শুধু ভাল পুরানো এইচটিএমএল ব্যবহার করুন:

<input type="button" value="Submit" />

একটি লিঙ্কের বিষয় হিসাবে এটি মোড়ানো, যদি আপনি তাই ইচ্ছা:

<a href="http://somewhere.com"><input type="button" value="Submit" /></a>

অথবা আপনি যদি অন্য কিছু কার্যকারিতার জন্য জাভাস্ক্রিপ্ট চান তা নির্ধারণ করেন:

<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>

আমি 2 বোতাম সঙ্গে একটি ফর্ম আছে

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

আমি তাদের উপর jQuery UI এর বোতামও ব্যবহার করি, ঠিক এই রকম

$('button').button();

তবে, প্রথম বোতামটিও ফর্মটি জমা দেয়। আমি যদি মনে করতাম যে এটি type="submit" না থাকে তবে এটি হবে না।

অবশ্যই আমি এটা করতে পারে

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

কিন্তু জাভাস্ক্রিপ্ট হস্তক্ষেপ ব্যতীত ফর্মটি জমা দিতে আমি কি ব্যাক বাটন বন্ধ করতে পারি?

সৎ হতে, আমি শুধুমাত্র একটি বোতাম ব্যবহার করেছি তাই আমি jQuery UI এ এটি স্টাইল করতে পারে। আমি কলিং button() চেষ্টা করেছিলাম button() এবং এটি প্রত্যাশিত হিসাবে কাজ করে নি (বেশ কুৎসিত লাগছিল!)।


সত্যি, আমি অন্যান্য উত্তর পছন্দ করি। সহজ এবং কোন JS মধ্যে পেতে প্রয়োজন। কিন্তু আমি লক্ষ্য করেছি যে আপনি jQuery সম্পর্কে জিজ্ঞাসা করছেন। তাই সম্পূর্ণতার জন্য, jQuery এ যদি আপনি .click () হ্যান্ডলারের সাথে মিথ্যা ফিরিয়ে আনেন তবে এটি উইজেটের ডিফল্ট অ্যাকশনকে অস্বীকার করবে।

একটি উদাহরণের জন্য এখানে দেখুন (এবং আরো অনেক গুডিজ)। এখানে ডকুমেন্টেশন, খুব

সংক্ষেপে, আপনার নমুনা কোড দিয়ে, এটি করুন:

<script type="text/javascript">
    $('button[type!=submit]').click(function(){
        // code to cancel changes
        return false;
    });
</script>

<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>

এর সাথে একটি অতিরিক্ত সুবিধা হিসাবে, আপনি নোঙ্গর ট্যাগ পরিত্রাণ পেতে পারেন এবং কেবল বোতামটি ব্যবহার করতে পারেন।



type এ্যাট্রিবিউটটি সেট না করেই, আপনি আপনার OnClick হ্যান্ডলার থেকেও false onclick="return onBtnClick(event)" এবং onclick="return onBtnClick(event)"


<form onsubmit="return false;">
   ...
</form>




button