কীভাবে বোতামগুলি ফর্ম জমা দেওয়া থেকে রোধ করবেন

917

নিম্নলিখিত পৃষ্ঠায়, ফায়ারফক্সের সাথে অপসারণ বোতামটি ফর্মটি জমা দেয়, তবে অ্যাড বোতামটি তা দেয় না। আমি কীভাবে ফর্ম জমা দেওয়া থেকে অপসারণ বাটনটি আটকাতে পারি?

<html>

<head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        function addItem() {
            var v = $('form :hidden:last').attr('name');
            var n = /(.*)input/.exec(v);

            var newPrefix;
            if (n[1].length == 0) {
                newPrefix = '1';
            } else {
                newPrefix = parseInt(n[1]) + 1;
            }

            var oldElem = $('form tr:last');
            var newElem = oldElem.clone(true);
            var lastHidden = $('form :hidden:last');

            lastHidden.val(newPrefix);

            var pat = '=\"' + n[1] + 'input';

            newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\"' + newPrefix + 'input'));
            newElem.appendTo('table');
            $('form :hidden:last').val('');
        }

        function removeItem() {
            var rows = $('form tr');
            if (rows.length > 2) {
                rows[rows.length - 1].html('');
                $('form :hidden:last').val('');
            } else {
                alert('Cannot remove any more rows');
            }
        }
    </script>
</head>

<body>
    <form autocomplete="off" method="post" action="">
        <p>Title:<input type="text" /></p>
        <button onclick="addItem(); return false;">Add Item</button>
        <button onclick="removeItem(); return false;">Remove Last Item</button>
        <table>
            <th>Name</th>

            <tr>
                <td><input type="text" id="input1" name="input1" /></td>
                <td><input type="hidden" id="input2" name="input2" /></td>
            </tr>
        </table>
        <input id="submit" type="submit" name="submit" value="Submit">
    </form>
</body>

</html>
javascript  html  forms  button  submit 
— Khanpo
সূত্র
আপনি কোন উত্তর দয়া করে সুপারিশ করবেন?
— সানপিট

উত্তর:

1795

আপনি একটি HTML5 বোতাম উপাদান ব্যবহার করছেন element কারণটি মনে রাখবেন যে এই বোতামটি জমা দেওয়ার ক্ষেত্রে একটি ডিফল্ট আচরণ রয়েছে, ডাব্লু 3 এর স্পেসিফিকেশনে এখানে বর্ণিত হিসাবে: বোতাম ডাব্লু 3 সি এইচটিএমএল 5 বোতাম

সুতরাং আপনার স্পষ্টভাবে এর ধরণ নির্দিষ্ট করতে হবে:

<button type="button">Button</button>

ডিফল্ট জমা টাইপ ওভাররাইড করার জন্য। আমি কেবল কেন এটি ঘটে তার কারণটি উল্লেখ করতে চাই =)

=)

— Metafaniel
সূত্র
17
আমি আরও উল্লেখ করতে চাই যে এইচটিএমএল উপাদানগুলির মধ্যে একটি টাইপ অ্যাট্রিবিউট রয়েছে, যার মধ্যে অন্যতম একটি বোতাম , এফ # $ 'n এর ডিফল্ট প্রকারের জমা দেওয়া উচিত নয় । এটি কেবল সরল বোকামি, এবং অনুমানের মধ্যে একটি বিশাল ভুল। আমি ফর্মগুলিতে সমস্ত সময় বোতামগুলি ব্যবহার করি এবং এটি প্রান্তের কেস হলেও (যা এটি নয়) তবুও এটি ডিফল্ট টাইপটি জমা দেওয়ার বিষয়টি বোধগম্য হবে।
— দুদেওয়াদ
3
This আমি এই সপ্তাহের বেশিরভাগ সময় বিরক্ত করে বলেছি যে আমার ফর্মের মধ্যে একটি বোতাম ব্যবহার করে কোনও মডেল খুললে আমার ইলেক্ট্রন অ্যাপটি "রিফ্রেশ" হয়ে যায়। এটি একবার ঘটবে এবং তারপরে অ্যাপটি আমার প্রত্যাশা অনুযায়ী আচরণ করেছিল। কী ঘটছে তা আমার ঠিক ধারণা ছিল না। ইহা ওইটাই ছিল! ডিফল্ট টাইপ জমা দেওয়ার সাথে আমার কোনও সমস্যা নেই। এটি কিছুটা হলেও মনে হয় যদিও এটি দেওয়া সম্পর্কে আমাকে পাঁচ বছর সময় নিয়েছে।
— ফ্রিথবিজ
4
আপনার রেফারেন্সের জন্য ধন্যবাদ, আমি কেবল শিখেছি যে ফর্মের জন্য টাইপ = রিসেট রয়েছে। অসাধারণ!
— ডুং
602

আপনার বোতামে প্রকারটি সেট করুন:

<button type="button" onclick="addItem(); return false;">Add Item</button>
<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

... যা ইভেন্ট হ্যান্ডলারে কোনও ব্যতিক্রম ঘটলে তাদের জমা দেওয়ার ক্রিয়াটি ট্রিগার করা থেকে বিরত রাখবে। তারপরে, আপনার removeItem()ফাংশনটি ঠিক করুন যাতে এটি কোনও ব্যতিক্রম ঘটায় না:

function removeItem() {
  var rows = $('form tr');
  if ( rows.length > 2 ) {
    // change: work on filtered jQuery object
    rows.filter(":last").html('');
    $('form :hidden:last').val('');
  } else {
    alert('Cannot remove any more rows');
  }
}

পরিবর্তনটি দ্রষ্টব্য: আপনার মূল কোডটি jQuery সেট থেকে এইচটিএমএল উপাদান বের করেছে এবং তারপরে এটিতে একটি jQuery পদ্ধতি কল করার চেষ্টা করেছিল - এটি একটি ব্যতিক্রম ছুঁড়েছিল, ফলে বোতামটির জন্য ডিফল্ট আচরণ ঘটে।

এফডাব্লুআইডাব্লু, আপনি এর সাথে আরও একটি উপায় যেতে পারেন ... jQuery ব্যবহার করে আপনার ইভেন্ট হ্যান্ডলারের ওয়্যার আপ করুন এবং ডিফল্ট আচরণটি আপ-ফ্রন্ট বাতিল করতে jQuery এর ইভেন্ট অবজেক্টে প্রতিরোধক ডিফল্ট () পদ্ধতিটি ব্যবহার করুন :

$(function() // execute once the DOM has loaded
{

  // wire up Add Item button click event
  $("#AddItem").click(function(event)
  {
    event.preventDefault(); // cancel default behavior

    //... rest of add logic
  });

  // wire up Remove Last Item button click event
  $("RemoveLastItem").click(function(event)
  {
    event.preventDefault(); // cancel default behavior

    //... rest of remove last logic
  });

});

...

<button type="button" id="AddItem" name="AddItem">Add Item</button>
<button type="button" id="RemoveLastItem" name="RemoveLastItem">Remove Last Item</button>

এই কৌশলটি আপনার সমস্ত যুক্তিকে এক জায়গায় রাখে, এটি ডিবাগ করা সহজ করে তোলে ... এটি আপনাকে পুনরায় typeবোতামগুলির পরিবর্তন করে submitএবং ইভেন্টের সার্ভার-পাশ পরিচালনা করে ফ্যাল-ব্যাক বাস্তবায়ন করতে দেয় - এটি আপত্তিজনক হিসাবে পরিচিত জাভাস্ক্রিপ্ট ।

— Shog9
সূত্র
4
টাইপ = "বোতাম" সর্বদা আমার জন্য ফায়ারফক্সে কাজ করে না। যদি জেএসগুলি যথেষ্ট জটিল হয় এবং কোনও ত্রুটি আছে তবে ফায়ারফক্স যেভাবেই ফর্মটি জমা দেবে। বাতুলতা!
— ম্যাথু লক
1
@ ম্যাথেললক: খুব কমই - স্ক্রিপ্টে একটি ত্রুটি কেবল সেই কোড ব্লকটি বন্ধ করে দেয় এবং ক্রিয়াটি যথারীতি এগিয়ে চলে। পদ্ধতির প্রথম লাইন হিসাবে jQuery ইভেন্টের পদ্ধতিগুলি e.preventDefault () এবং / অথবা e.stopPropgation () ব্যবহার করার চেষ্টা করুন। দেখুন stackoverflow.com/questions/2017755/... আরো জানতে
— brichins
8
টাইপ = বোতামটি ফর্মটি কখনও জমা দিতে হবে না, তা যাই হোক না কেন
— ম্যাথু লক
1
return falseতাই গুরুত্বপূর্ণ। কখনও কখনও এটি জমা বোতামের জন্যও ব্যবহার করুন ( onclick）
— জেমি
7
আমার মনে হয় এইচটিএমএল এখানে অদ্ভুত। এটি ডিফল্টরূপে "বোতাম" টাইপ হওয়া উচিত, জমা দেওয়া নয়। ডিফল্টরূপে জমাটি দেখতে আমার কাছে সর্বদা অপ্রত্যাশিত। এটি ব্যতিক্রম।
— httpste
31

কিছু সময় আগে আমার খুব অনুরূপ কিছু দরকার ছিল ... এবং আমি এটি পেয়েছি।

সুতরাং আমি এখানে যা রেখেছি তা হল আমি জাভাস্ক্রিপ্ট দ্বারা কোনও ফর্ম জমা দিতে সক্ষম হবার কৌশলগুলি কীভাবে কোনও বৈধতা ছাড়াই এবং বৈধতা কার্যকর করতে সক্ষম হয় যখন কেবলমাত্র ব্যবহারকারী একটি বোতাম চাপায় (সাধারণত একটি প্রেরণ বোতাম)।

উদাহরণস্বরূপ আমি দুটি ক্ষেত্র এবং একটি জমা বোতাম সহ একটি সর্বনিম্ন ফর্ম ব্যবহার করব।

যা চেয়েছিল তা মনে রাখবেন: জাভাস্ক্রিপ্ট থেকে এটি অবশ্যই কোনও চেকিং ছাড়াই জমা দিতে সক্ষম হবেন। তবে, ব্যবহারকারী যদি এই জাতীয় বোতাম টিপেন তবে বৈধতাটি অবশ্যই পাস করতে হবে এবং বৈধতাটি পাস করলেই ফর্মটি প্রেরণ করতে হবে।

সাধারণত সমস্ত কিছু এর কাছাকাছি কিছু থেকে শুরু হবে (আমি সমস্ত অতিরিক্ত জিনিস মুছে ফেললাম গুরুত্বপূর্ণ না):

<form method="post" id="theFormID" name="theFormID" action="">
   <input type="text" id="Field1" name="Field1" />
   <input type="text" id="Field2" name="Field2" />
   <input type="submit" value="Send" onclick="JavaScript:return Validator();" />
</form>

ফর্ম ট্যাগের কীভাবে নেই তা দেখুন onsubmit="..."(মনে রাখবেন এটি না রাখার শর্ত ছিল)।

সমস্যাটি হ'ল ফর্মটি সর্বদা জমা দেওয়া হয়, তা onclickরিটার্নে আসুক trueবা না আসুক false।

আমি যদি পরিবর্তিত type="submit"হয় type="button", এটি কাজ করে বলে মনে হয় তবে তা হয় না। এটি কখনই ফর্মটি প্রেরণ করে না, তবে এটি সহজেই করা যায়।

সুতরাং অবশেষে আমি এটি ব্যবহার করেছি:

<form method="post" id="theFormID" name="theFormID" action="">
   <input type="text" id="Field1" name="Field1" />
   <input type="text" id="Field2" name="Field2" />
   <input type="button" value="Send" onclick="JavaScript:return Validator();" />
</form>

এবং function Validatorযেখানে return True;রয়েছে, আমি একটি জাভাস্ক্রিপ্ট জমা দেওয়ার বাক্যও যুক্ত করছি, এটির অনুরূপ কিছু:

function Validator(){
   //  ...bla bla bla... the checks
   if(                              ){
      document.getElementById('theFormID').submit();
      return(true);
   }else{
      return(false);
   }
}

এটি কেবল id=""জাভাস্ক্রিপ্টের জন্য getElementByIdthename="" কেবলমাত্র পোস্টের ডেটাতে প্রদর্শিত হয়।

এইভাবে এটি আমার প্রয়োজন মতো কাজ করে।

আমি এটি কেবল এমন লোকদের জন্য রেখেছি onsubmitযাদের ফর্মটিতে কোনও ফাংশনের প্রয়োজন নেই , তবে কোনও বোতাম ব্যবহারকারীর দ্বারা চাপলে কিছুটা বৈধতা তৈরি করে।

আমার কেন ফর্ম ট্যাগে অনসিমিটের প্রয়োজন নেই? সহজ, অন্যান্য জাভাস্ক্রিপ্ট অংশগুলিতে আমাকে একটি জমা দিতে হবে তবে আমি চাই না যে সেখানে কোনও বৈধতা থাকবে।

কারণ: যদি ব্যবহারকারী এমন হয় যা জমাটি সম্পাদন করে যা আমি চাই এবং যাচাইয়ের দরকার হয় তবে এটি জাভাস্ক্রিপ্টের মাঝে মাঝে আমার জমা দেওয়ার দরকার হয় যখন এই জাতীয় বৈধতা এড়াতে পারে।

এটি অদ্ভুত লাগতে পারে তবে উদাহরণস্বরূপ চিন্তা করার সময় নয়: লগইনে ... কিছু বিধিনিষেধ সহ ... যেমন পিএইচপি সেশন ব্যবহার করার অনুমতি না দেওয়া এবং কুকিজেরও অনুমতি নেই!

সুতরাং যে কোনও লিঙ্ককে অবশ্যই এই জাতীয় ফর্ম জমাতে রূপান্তর করতে হবে, তাই লগইন ডেটা হারাবে না। যখন কোনও লগইন এখনও করা হয়নি, এটি অবশ্যই কাজ করবে। সুতরাং লিঙ্কগুলিতে কোনও বৈধতা সম্পাদন করতে হবে না। তবে ব্যবহারকারী যদি ব্যবহারকারী, পাস এবং পাস উভয় ক্ষেত্রে প্রবেশ না করে থাকে তবে আমি ব্যবহারকারীর কাছে একটি বার্তা উপস্থাপন করতে চাই। সুতরাং কেউ যদি নিখোঁজ থাকে তবে অবশ্যই ফর্মটি পাঠানো হবে না! সমস্যা আছে।

সমস্যাটি দেখুন: একটি ক্ষেত্র খালি থাকলে ফর্মটি অবশ্যই প্রেরণ করা উচিত নয় যদি ব্যবহারকারী কোনও বোতাম টিপে থাকে, যদি এটি জাভাস্ক্রিপ্ট কোড হয় তবে অবশ্যই এটি প্রেরণে সক্ষম হবেন।

আমি যদি onsubmitফর্ম ট্যাগটিতে কাজটি করি তবে এটি আমার ব্যবহারকারী বা অন্য জাভাস্ক্রিপ্ট কিনা তা আমার জানতে হবে। যেহেতু কোনও প্যারামিটারগুলি পাস করা যায় না, এটি সরাসরি সম্ভব নয়, তাই কিছু লোক বৈধতা যুক্ত করতে হবে কিনা তা জানাতে একটি পরিবর্তনশীল যুক্ত করে। বৈধতা ফাংশনের প্রথম জিনিসটি হ'ল সেই পরিবর্তনশীল মান ইত্যাদি পরীক্ষা করা ... খুব জটিল এবং কোডটি আসলে কী চাইছিল তা বলে না।

সুতরাং সমাধানটি ফর্ম ট্যাগটিতে অনস্মিট না করা। ইনস্যাড বোতামে এটি যেখানে এটি সত্যই প্রয়োজন সেখানে রাখুন।

অন্য পক্ষের জন্য কেন অনসামিত কোডটি কেন ধারণামূলকভাবে আমি অনসামিতের বৈধতা চাই না। আমি সত্যিই বোতামের বৈধতা চাই।

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

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

ওয়েল যে কোড এবং শৈলী নিখুঁতভাবে কৌতুক করে। যে কোনও জাভাস্ক্রিপ্টে আমার সবেমাত্র ফর্মটি প্রেরণ করা দরকার:

document.getElementById('theFormID').action='./GoToThisPage.php'; // Where to go
document.getElementById('theFormID').submit(); // Send POST data and go there

এবং যখন আমার এটির প্রয়োজন হয় না তখন বৈধতা এড়িয়ে যায়। এটি কেবল ফর্মটি প্রেরণ করে এবং একটি ভিন্ন পৃষ্ঠা ইত্যাদি লোড করে

তবে ব্যবহারকারী যদি জমা বোতামটি ক্লিক করেন (ওরফে type="button"না type="submit") ফর্মটি জমা দেওয়ার আগে বৈধতা দেওয়া হয় এবং বৈধ না হলে প্রেরণ করা হয় না।

আশা করি এটি অন্যকে দীর্ঘ এবং জটিল কোড চেষ্টা না করতে সহায়তা করে। onsubmitপ্রয়োজন না হলে কেবল ব্যবহার করবেন না, এবং ব্যবহার করুন onclick। তবে কেবল পরিবর্তন type="submit"করতে মনে রাখবেন type="button"এবং দয়া submit()করে জাভাস্ক্রিপ্ট দ্বারা করতে ভুলবেন না ।

— z666zz666z
সূত্র
28

আমি শোগ 9 এর সাথে একমত, যদিও আমি পরিবর্তে এটি ব্যবহার করতে পারি:

<input type = "button" onClick="addItem(); return false;" value="Add Item" />

W3Schools এর মতে , <button>ট্যাগ বিভিন্ন ব্রাউজারে বিভিন্ন আচরণ আছে।

— poundifdef
সূত্র
18

মনে করুন আপনার এইচটিএমএল ফর্মটি রয়েছে id="form_id"

<form id="form_id">
<!--your HTML code-->
</form>

ফলাফল দেখতে আপনার কোডটিতে এই jQuery স্নিপেট যুক্ত করুন,

$("#form_id").submit(function(){
  return false;
});
— প্রীতেক যোশি
সূত্র
18

আপনি কেবল jQuery ব্যবহার করে আপনার বোতামগুলির রেফারেন্স পেতে পারেন এবং নীচের মতো এর প্রচারকে আটকাতে পারেন:

 $(document).ready(function () {
    $('#BUTTON_ID').click(function(e) {

            e.preventDefault();
            e.stopPropagation();
            e.stopImmediatePropagation();

            return false;
    });});
— আতা ইরভানী
সূত্র
2
e.preventDefault(); e.stopPropagation();জিনিস কাজ করার জন্য যথেষ্ট। e.stopImmediatePropagation()এটি ক্রোমে অপরিজ্ঞাত পদ্ধতির ত্রুটি ছুড়ে ফেলে।
— সুব্রতো
14

$("form").submit(function () { return false; }); এটি বোতামটি জমা হতে বাধা দেবে বা আপনি কেবল বোতামের ধরণের <input type="button"/>পরিবর্তে "বোতাম" এ পরিবর্তন করতে পারবেন <input type="submit"/> যা কেবল এই ফর্মের বোতামটি না হলে কেবলমাত্র কাজ করবে।

— Shiala
সূত্র
2
এটি jQuery এর জন্য, জাভাস্ক্রিপ্টের সমতুল্য হ'ল: myform.onsubmit = ফাংশন () false মিথ্যা ফিরিয়ে দিন} ... এছাড়াও, আপনি সাবমিট বোতামটি সরিয়ে ফেললেও অন্য ফর্ম ক্ষেত্র থেকে এন্টার টিপে ফর্মটিও জমা দেওয়া যেতে পারে।
— সংশ্লেষ
10

এটি একটি এইচটিএমএল 5 ত্রুটি যেমন বলা হয়েছে, আপনি এখনও সাবমিট হিসাবে বোতামটি রাখতে পারেন (যদি আপনি জাভাস্ক্রিপ্ট এবং জাভাস্ক্রিপ্ট উভয়ই আবদ্ধ করতে চান) এটি ব্যবহার করে:

     <button type="submit" onclick="return false"> Register </button>

এইভাবে আপনি জমাটি বাতিল করবেন তবে jquery বা জাভাস্ক্রিপ্ট ফাংশনগুলিতে আপনি যা যা করছেন তা করুন এবং জাভাস্ক্রিপ্ট না থাকা ব্যবহারকারীদের জন্য জমা দিন।

— sagits
সূত্র
8

আমি নিশ্চিত যে এফএফ-তে 

removeItem

ফাংশন একটি জাভাস্ক্রিপ্ট ত্রুটির মুখোমুখি, এটি IE এ হ্যাপেন না

যখন জাভাস্ক্রিপ্টের ত্রুটিটি উপস্থিত হবে "প্রত্যাখ্যান মিথ্যা" কোডটি চলবে না, পৃষ্ঠাটিকে পোস্টব্যাকে পরিণত করে

— অ্যালিন ভ্যাসিল
সূত্র
8

রিটার্ন মিথ্যা ডিফল্ট আচরণকে বাধা দেয়। কিন্তু প্রত্যাবর্তন মিথ্যা অতিরিক্ত ক্লিক ইভেন্টগুলির বুদবুদ ভেঙে দেয়। এর অর্থ এই ফাংশনটি কল করার পরে যদি অন্য কোনও ক্লিক বাইন্ডিং থাকে তবে অন্যরা বিবেচনা করে না।

 <button id="btnSubmit" type="button">PostData</button>
 <Script> $("#btnSubmit").click(function(){
   // do stuff
   return false;
}); </Script>

বা সহজভাবে আপনি এই মত লাগাতে পারেন

 <button type="submit" onclick="return false"> PostData</button>
— সুনীল ধাপ্পধুলে
সূত্র
7

কেবল e.preventDefault();আপনার পদ্ধতিতে যুক্ত করা আপনার পৃষ্ঠা ফর্ম জমা দেওয়া থেকে বিরত করা উচিত prevent

function myFunc(e){
       e.preventDefault();
}

এমডিএন ওয়েব ডক্স অনুসারে

ইভেন্ট ইন্টারফেসের প্রতিরোধ ডিফল্ট () পদ্ধতিটি ব্যবহারকারী এজেন্টকে বলে যে ইভেন্টটি স্পষ্টভাবে প্রক্রিয়াজাত না করা হলে, এর ডিফল্ট ক্রিয়াকলাপটি সাধারণত যেমন হয় তেমন বিবেচনা করা উচিত নয়। ইভেন্টটি যথারীতি প্রচার চালিয়ে যায়, যতক্ষণ না তার শ্রোতাদের মধ্য থেকে একজন ফোন না করে stopPropagation ()বা stopImmediatePropagation ()যার মধ্যে দুটিই প্রচারকে শেষ করে না।

— মেসেলমি আলী
সূত্র
6

আপনার বোতামটি স্বাভাবিক উপায়ে সেট করুন এবং ইভেন্ট.প্রিভেন্টডিফল্ট ব্যবহার করুন .. 

   <button onclick="myFunc(e)"> Remove </button>  
   ...
   ...

   In function...

   function myFunc(e){
       e.preventDefault();
   }
— বিশাল
সূত্র
4 
return false;

আপনি ফাংশন শেষে বা ফাংশন কল পরে মিথ্যা ফিরে আসতে পারেন।

যতক্ষণ না এটি শেষ জিনিস হয় ততক্ষণ ফর্মটি জমা দেওয়া হবে না।

— WonderWorker
সূত্র
2

এখানে একটি সহজ পদ্ধতি:

$('.mybutton').click(function(){

    /* Perform some button action ... */
    alert("I don't like it when you press my button!");

    /* Then, the most important part ... */
    return false;

});
— axiom82
সূত্র
1

নিম্নলিখিত নমুনা কোড আপনাকে কীভাবে বোতাম ক্লিক করে ফর্ম জমা দেওয়া থেকে রোধ করতে পারে তা দেখায়।

আপনি আমার নমুনা কোড চেষ্টা করতে পারেন:

 <form autocomplete="off" method="post" action="">
   <p>Title:
     <input type="text" />
   </p>
   <input type="button" onclick="addItem()" value="Add Item">
   <input type="button" onclick="removeItem()" value="Remove Last Item">
   <table>
     <th>Name</th>

     <tr>
       <td>
         <input type="text" id="input1" name="input1" />
       </td>
       <td>
         <input type="hidden" id="input2" name="input2" />
       </td>
     </tr>
   </table>
   <input id="submit" type="submit" name="submit" value="Submit">
 </form>
<script language="javascript">
function addItem() {
return false;
}

function removeItem() {
return false;
}
</script>
— কেএনভিবি
সূত্র
0

ফাংশন সরানোর আইটেমটিতে আসলে একটি ত্রুটি থাকে যা ফর্ম বোতামটিকে এটি ডিফল্ট আচরণ করে (ফর্মটি জমা দেয়)। জাভাস্ক্রিপ্ট ত্রুটি কনসোল সাধারণত এই ক্ষেত্রে একটি পয়েন্টার দেবে।

জাভাস্ক্রিপ্ট অংশে ফাংশন অপসারণ আইটেমটি দেখুন:

লাইন:

rows[rows.length-1].html('');

কাজ করে না পরিবর্তে এটি চেষ্টা করুন:

rows.eq(rows.length-1).html('');
— ylebre
সূত্র
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.