একাধিক জমা একটি এইচটিএমএল আকারে বোতাম

আসুন আমরা একটি উইজার্ডটি একটি এইচটিএমএল আকারে তৈরি করি। একটি বাটন ফিরে যায়, এবং এক এগিয়ে যায়। যেহেতু back বোতামটি প্রথমে আপনি যখন Enter চাপবেন তখন মার্কআপের মধ্যে যে বোতামটি ফর্ম জমা দিতে ব্যবহার করবে।

উদাহরণ:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

<form>
  <!-- put your cursor in this field and press Enter -->
  <input type="text" name="field1" />

  <!-- This is the button that will submit -->
  <input type="submit" name="prev" value="Previous Page" />

  <!-- But this is the button that I WANT to submit -->
  <input type="submit" name="next" value="Next Page" />
</form>
</div> </div>

আমি কি করতে চাই, কোন বোতামটি কোনও ফর্মটি জমা করার জন্য ব্যবহার করা হয় তা নির্ধারণ করতে হয় যখন কোনও ব্যবহারকারী প্রবেশ করুন press এই ভাবে, আপনি Enter চাপলে উইজার্ডটি পরবর্তী পৃষ্ঠাতে চলে যাবে, পূর্ববর্তী নয়। আপনি কি এটি করতে tabindex ব্যবহার করতে হবে?

0
যোগ সম্পাদিত
মতামত: 7

22 উত্তর

পূর্ববর্তী বোতাম প্রকারটি এইরকম একটি বোতামে পরিবর্তন করা আপনার পক্ষে সম্ভব হবে:

<input type="button" name="prev" value="Previous Page" />

এখন পরবর্তী বাটনটি ডিফল্ট হবে, এর সাথে আপনি এটিতে ডিফল্ট এ্যাট্রিবিউটটি যোগ করতে পারেন যাতে আপনার ব্রাউজারটি এটির মতো উজ্জ্বল করবে:

<input type="submit" name="next" value="Next Page" default />

আশা করি এইটি কাজ করবে.

0
যোগ
@ ব্রেট ক্যাসওয়েল: এই বোতামগুলির ধরন পরিবর্তন করা একটি খারাপ কার্যধারা (আমার আগের মন্তব্যটি দেখুন)। HTML- তে ইনপুট ট্যাগগুলির জন্য কোনও ডিফল্ট বৈশিষ্ট্যাবলী (যেমন আমি আগেই বলেছি) নেই এবং জনপ্রিয় (ব্রাউজার) এই বোতামটি হাইলাইট করবে না যার মানে এই বৈশিষ্ট্যটি, যার অর্থ এই অ্যাট্রিবিউটের কোনও অমানবিক বাস্তবায়ন নেই - তাই আমি এখনও জানি না যে @ ওয়েভ অরলাইটি সম্পর্কে কথা ছিল, এবং কেন এই উত্তরটি এত বেশি পরিমাণে আছে শুধুমাত্র একটি বৈধ <�কোড> ডিফল্ট বৈশিষ্ট্যটি HTML5- এ প্রবর্তিত হয়, তবে শুধুমাত্র <track> ট্যাগের জন্য:
যোগ লেখক Sk8erPeter, উৎস
@ জোনস: হ্যাঁ, টাইপ = "বোতাম" ফর্মটি জমা নেই, টাইপ করুন = "জমা দিন" করে, কিন্তু এই বোতামগুলির ধরন পরিবর্তন করা নিশ্চিতভাবে সমাধান নয় , কারণ এই বোতাম মূলত একইভাবে আচরণ করা উচিত - ওপের প্রশ্ন ছিল কীভাবে "পরবর্তী" বোতামটি কীভাবে এন্টার কী চাপাতে হবে। এবং গৃহীত উত্তর একটি সম্ভাব্য সমাধান আছে।
যোগ লেখক Sk8erPeter, উৎস
কি <�কোড> ডিফল্ট বৈশিষ্ট্যটি আপনি কি বিষয়ে কথা বলছেন? কোন "ডিফল্ট" বৈশিষ্ট্য নেই, যা বৈধ হবে: w3.org/html/wg/drafts/html/master/… ( HTML5 না, এইচটিএমএল 4.01 ট্রানজিশনাল / স্ট্রিক্ট, এক্সএইচটিএইচটিএইচটি 1.0 স্ট্রিক্ট)। এবং আমি দেখতে পাচ্ছি না যে জমাতে থেকে বোতাম থেকে ইনপুট প্রকার পরিবর্তন করা ভাল হবে। কোনও সমস্যা ছাড়াই আপনি একাধিক ফর্ম টাইপ ইনপুট উপাদানের এক ফর্ম থাকতে পারে। আমি সত্যিই এই উত্তর তাই
যোগ লেখক Sk8erPeter, উৎস
আমার মনে হয় আমি আসলেই এই উত্তরটিতে একটি সমাধান প্রদান করছি। প্রথম ইনপুটটিকে একটি বোতামে পরিণত করা যাতে দ্বিতীয় ইনপুট এটি ক্লিক ইভেন্টের উত্থাপন করে যখন প্রবেশ কী চাপা হয় ... যদিও .. এখনও শর্তাধীন
যোগ লেখক Brett Caswell, উৎস
@ স্কায়ারেরপেটর, @ জোনাস .... হুম .. আমি এই ডিফল্ট অ্যাট্রিবিউটটিকে একটি গ্লোবাল অ্যাট্রিবিউট মনে করি; গৌণ বৈশিষ্ট্যটি .. গণনাগুলির সাথে সম্পর্কযুক্ত যা: w3.org/html/wg/drafts/html/master/… । যে বিন্দু ছাড়াও .. এই উত্তর বোতাম দৃষ্টিভঙ্গি একটি উত্তর নয় এটি একটি ' শর্তাধীন পরামর্শ ' বা একটি প্রশ্ন ( নিজেই প্রশ্ন )।
যোগ লেখক Brett Caswell, উৎস
টাইপ "বোতাম" একটি ইনপুট থাকার ফর্ম কর্ম সঞ্চালন না। আপনি একটি onclick বা কিছু থাকতে পারে, এইভাবে "ডিফল্ট" ফর্ম কর্ম (যা "জমা দিন" টাইপ বোতামটি টিপে প্রয়োগ করা হয়) এর চেয়ে অন্য ফাংশন সম্পাদন করতে পারে। এটাই আমি খুঁজছিলাম এবং সেইজন্যই আমি তা তুলে নিয়েছিলাম। "ডিফল্ট" বৈশিষ্ট্যের জন্য কথা বলতে পারবেন না, আমার সমস্যা নয়;) আপনার স্পষ্টীকরণের জন্য ধন্যবাদ, যদিও।
যোগ লেখক Jonas, উৎস

আপনার জমা বোতাম একই মত একই নাম দিন:

<input type="submit" name="submitButton" value="Previous Page" />
<input type="submit" name="submitButton" value="Next Page" />

যখন ব্যবহারকারীরা প্রবেশ করে এবং অনুরোধ সার্ভারে যায়, তখন আপনি submitButton এর মান চেক করতে পারেন আপনার সার্ভার-সাইড কোডে যা ফর্মের একটি সংকলন নাম / মান </কোড> জোড়া উদাহরণস্বরূপ ক্লাসিক এএসপি:

If Request.Form("submitButton") = "Previous Page" Then
    ' Code for Previous Page
ElseIf Request.Form("submitButton") = "Next Page" Then
    ' Code for Next Page
End If

Reference: Using multiple submit buttons on a single form

0
যোগ
এই ব্যবহারকারী কি জিজ্ঞাসা না। ব্যবহারকারী জানতে চান যে কীভাবে একটি বোতামটি ফর্মটি নিয়ন্ত্রণ করা যায় সেটি কীভাবে নিয়ন্ত্রণ করা হয় তা প্রবেশ করার সময় প্রবেশ করা হয়। যা ডিফল্ট বোতামটি।
যোগ লেখক kosoant, উৎস
একটি I18n অ্যাপ্লিকেশন কাজ না যেখানে আপনি এমনকি বোতাম লেবেল জানেন না।
যোগ লেখক Chris, উৎস

যদি প্রথম বোতামটি ডিফল্ট ভাবে ব্যবহার করা হয় তবে তা ব্রাউজারে সামঞ্জস্যপূর্ণ হয়, কেননা সেগুলিকে সোর্স কোডে সঠিক রাস্তায় রাখো না, তারপর তাদের স্পষ্ট অবস্থানগুলি পরিবর্তন করতে CSS ব্যবহার করুন? ভাসা উদাহরণস্বরূপ, দৃশ্যত তাদের চারপাশে সুইচ করার জন্য তাদের বাম এবং ডান।

0
যোগ

আমি ফর্ম জমা দেওয়ার জন্য জাভাস্ক্রিপ্ট ব্যবহার করব। ফাংশনটি ফর্ম উপাদান এর OnKeyPress ইভেন্ট দ্বারা সূচিত হবে, এবং এন্টার কী নির্বাচিত হয়েছিল তা সনাক্ত করবে। এই ক্ষেত্রে যদি, এটি ফর্ম জমা হবে।

এটি কিভাবে করতে হয় তা কৌশল দেয় এমন দুটি পৃষ্ঠা এখানে আছে: 1 , 2 । এই উপর ভিত্তি করে, এখানে ব্যবহার একটি উদাহরণ ( এখানে উপর ভিত্তি করে):

<script TYPE="text/javascript"><!--
function submitenter(myfield,e) {
  var keycode;
  if (window.event) {
    keycode = window.event.keyCode;
  } else if (e) { 
    keycode = e.which;
  } else {
    return true;
  }

  if (keycode == 13) {
    myfield.form.submit();
    return false;
  } else {
    return true;
  }
}
//--></script>

<input NAME="MyText" TYPE="Text" onKeyPress="return submitenter(this,event)" />
0
যোগ
জাভাস্ক্রিপ্ট অক্ষম করা হলে কি হবে?
যোগ লেখক Jon Winstanley, উৎস
@ মারেকি তারা জেএসকে মন্তব্য করতে না চান ব্রাউজারে <�স্ক্রিপ্ট> এর <script> এর সামগ্রীগুলি প্যাড করার সময় তারা উপেক্ষা করা হয়। আজ তারা সত্যিই প্রয়োজন হয় না। কিন্তু খুব প্রাচীন ব্রাউজারে, এই স্ক্রিপ্টটিকে সাধারণ টেক্সট হিসাবে মুদ্রণ করতে এড়াতে একটি সামঞ্জস্য হ্যাক ছিল।
যোগ লেখক leemes, উৎস
আপনি ব্যবহার করা উচিত JS মন্তব্য করার জন্য, এই ট্যাগ জাভাস্ক্রিপ্ট ভাষা টোকেন হয় না
যোগ লেখক Marecky, উৎস

আপনার দেওয়া উদাহরণ ব্যবহার করে:

<form>
<input type="text" name="field1" /><!-- put your cursor in this field and press Enter -->
<input type="submit" name="prev" value="Previous Page" /> <!-- This is the button that will submit -->
<input type="submit" name="next" value="Next Page" /> <!-- But this is the button that I WANT to submit -->
</form>

আপনি "পূর্ববর্তী পৃষ্ঠা" ক্লিক করলে শুধুমাত্র "prev" এর মান জমা দেওয়া হবে। আপনি "পরবর্তী পৃষ্ঠা" ক্লিক করুন শুধুমাত্র "পরবর্তী" মান জমা দেওয়া হবে।

যাইহোক, আপনি ফর্ম এ কোথাও লিখুন, না "prev" এবং "পরবর্তী" জমা দেওয়া হবে।

সুতরাং ছদ্ম কোড ব্যবহার করে আপনি নিম্নলিখিত করতে পারেন:

If "prev" submitted then
    Previous Page was click
Else If "next" submitted then
    Next Page was click
Else
    No button was click
0
যোগ
কোনও পরিস্থিতি (js ব্যবহার না করে) কখনই হয় না যখন বোতামগুলির কোনটি ট্রিগার হয় না। আপনি যদি এন্টার চাপান তবে কোডের প্রথম বাটনটি ইভেন্টটি ধরবে। এইচটিএমএল-এ উদাহরণটি হল পূর্ববর্তী বোতাম।
যোগ লেখক SimonSimCity, উৎস

এটি সিএসএস এর সাথে কাজ করতে পারে

পরবর্তী বোতাম হিসাবে প্রথমে মার্কআপে তাদের রাখুন, তারপর আগের বোতামটি পরবর্তী।

তারপর সিএসএস ব্যবহার করে আপনার পছন্দ মত পথ প্রদর্শনের জন্য

0
যোগ

কখনও কখনও @palotasb দ্বারা প্রদত্ত সমাধান যথেষ্ট নয়। উদাহরণের ক্ষেত্রে যেমন "ফিল্টার" জমা বোতামটি "পরবর্তী এবং পূর্বের" মত বোতামের উপরে স্থাপিত হয়। আমি এই জন্য একটি workaround পাওয়া: অনুলিপি জমা বোতাম যা ডিফল্ট একটি গোপন ডিভাইন জমা বোতাম হিসাবে কাজ এবং এটি অন্য কোন জমা বাটন উপরে ফর্ম ভিতরে স্থাপন করা প্রয়োজন। দৃশ্যমান পরবর্তী বোতামে ক্লিক করার সময় টেকনিক্যালিটি একটি ভিন্ন বোতামের মাধ্যমে জমা দেওয়া হবে। কিন্তু যেহেতু নাম এবং মান একই, ফলাফলটির কোনও পার্থক্য নেই।

<html>
<head>
    
</head>
<body>
    <form action="action" method="get">
        <div class="defaultsubmitbutton">
            <input type="submit" name="next" value="Next">
        </div>
        
<input type="text" name="filter"><input type="submit" value="Filter">
Filtered results <input type="radio" name="choice" value="1">Filtered result 1 <input type="radio" name="choice" value="2">Filtered result 2 <input type="radio" name="choice" value="3">Filtered result 3 <div> <input type="submit" name="prev" value="Prev"> <input type="submit" name="next" value="Next"> </div> </form> </body> </html>
0
যোগ

আমি এই প্রশ্ন মূলত একই প্রশ্নের উত্তর খুঁজতে চেষ্টা করার সময় এসেছিলেন, শুধুমাত্র asp.net নিয়ন্ত্রণ সঙ্গে, আমি এশ বাটন নামক একটি সম্পত্তি আছে যে figured যখন আউট ব্যবহারবিষয়ক প্রেরণকারী </কোড> যা আপনি সেট করতে পারবেন যা এক জমা আছে


কেউ যদি এটি করতে asp.net বোতাম উপায় খুঁজছেন হয়।

0
যোগ

কেভিন, এটিটি বিশুদ্ধ এইচটিএমএল দিয়ে করা যাবে না। আপনি এই কৌতুক জন্য জাভাস্ক্রিপ্ট উপর নির্ভর করতে হবে।

যাইহোক, যদি আপনি এইচটিএমএল পৃষ্ঠায় দুটি ফর্ম রাখেন তবে আপনি এটি করতে পারেন।

ফরম 1 এর আগের বাটনটি থাকবে।

ফর্ম 2 এর মধ্যে কোনও ব্যবহারকারীর ইনপুট থাকবে + পরবর্তী বোতাম।

যখন ব্যবহারকারী presses এন্টার ফরম 2-এ, পরবর্তী জমা বোতামটি জ্বলবে।

0
যোগ

যদি আপনি সত্যিই এটি একটি ইনস্টল ডায়ালগের মত কাজ করতে চান, শুধু "পরবর্তী" বোতাম OnLoad ফোকাস দেওয়ার বিষয়ে কি? যে ভাবে ব্যবহারকারী হিট ফেরত, ফর্ম জমা এবং এগিয়ে যায়। তারা ফিরে যেতে চান তারা ট্যাব আঘাত বা বাটন ক্লিক করতে পারেন।

0
যোগ
তারা কেউ একটি ফর্ম পূরণ করে এবং একটি টেক্সট ক্ষেত্রে যখন ফিরে হিট মানে।
যোগ লেখক Jordan Reiter, উৎস

আশা করি এটা কাজে লাগবে. আমি শুধু ডানদিকে বোতামগুলি ভাসা </কোড> এর কৌতুক করছি

এই প্রিভিউ বাটনটি পরবর্তী বোতামের বাকি থাকে কিন্তু পরবর্তীটি HTML কোডে প্রথম আসে:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

.f {
  float: right;
}
.clr {
  clear: both;
}
<form action="action" method="get">
  <input type="text" name="abc">
  <div id="buttons">
    <input type="submit" class="f" name="next" value="Next">
    <input type="submit" class="f" name="prev" value="Prev">
    <div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons -->
  </div>
</form>
</div> </div>

Edit: Benefits over other suggestions: no JavaScript, accessible, both buttons remain type="submit"

0
যোগ
ট্যাব ক্রম পরিবর্তনের ছাড়াও এটি করবেন না দয়া করে, যাতে ট্যাব বাটন টিপে বোতামের মাধ্যমে স্লাইডগুলি স্ক্রিনে প্রদর্শিত হয়।
যোগ লেখক Steve, উৎস

কেভিন,

এটি বেশিরভাগ ব্রাউজারে জাভাস্ক্রিপ্ট বা CSS ছাড়া কাজ করে:

<form>

<input type="text" name="field1" />


<button type="button">Previous Page</button> <button type="submit">Next Page</button>

</form>

Firefox, Opera, Safari, Google Chrome all work.
As always, IE is the problem.

জাভাস্ক্রিপ্ট চালু করা হলে এই সংস্করণটি কাজ করে:

<form>

<input type="text" name="field1" />


<button type="button" onclick="window.location='previous.html'">Previous Page</button> <button type="submit">Next Page</button>

</form>

So the flaw in this solution is:
Previous Page does not work if you use IE with Javascript off.
Mind you, the back button still works!

0
যোগ
জাভাস্ক্রিপ্ট ছাড়া আপনি "পূর্ববর্তী পৃষ্ঠা" বোতামটি সক্রিয় করতে পারবেন না, কারণ টাইপ = "বোতাম"!
যোগ লেখক riskop, উৎস

সব নাম বামে একই রাখুন - "prev" একমাত্র পার্থক্য অনন্য মানগুলির সাথে মান বৈশিষ্ট্য। যখন আমরা স্ক্রিপ্ট তৈরি করি, তখন এই অনন্য মানগুলি আমাদের খুঁজে বের করতে সহায়তা করবে যেগুলি জমা বোতামগুলি চাপানো হয়েছিল।

এবং follwing কোডিং লিখুন:

    btnID = ""
if Request.Form("prev") = "Previous Page" then
    btnID = "1"
else if Request.Form("prev") = "Next Page" then
    btnID = "2"
end if
0
যোগ
সমস্যাটি হল যে পাঠ্য ক্ষেত্রে প্রবেশ করার জন্য আঘাত করা প্রথম জমা বোতামটি দিয়ে ফর্মটি জমা দেবে, কোনও উদ্দেশ্যে নয় (উদাহরণে দ্বিতীয়টি)। ফর্মটি জমা দেওয়ার জন্য যে বোতামটি জমা রাখা হয়েছিল তা খুঁজে পাওয়া সহজ, এবং সেই প্রশ্নটি ছিল না!
যোগ লেখক riskop, উৎস

ট্যাব ক্রম পরিবর্তন করা এই সব সম্পন্ন করা লাগে। সহজবোধ্য রাখো.

আরেকটি সহজ বিকল্প এইচটিএমএল কোড জমা বোতাম পরে ফিরে বোতাম রাখা হবে কিন্তু বামে এটি ভাসা তাই এটি জমা বোতাম আগে পৃষ্ঠা প্রদর্শিত হবে।

0
যোগ

এই আমি চেষ্টা করেছেন কি: 1. আপনি আপনার বোতাম বিভিন্ন নাম দিতে নিশ্চিত করা প্রয়োজন 2. যদি একটি বোতামটি ক্লিক করা হয় তবে প্রয়োজনীয় ব্যবস্থা নেবে যদি একটি বিবৃতি লিখুন।

<form>
<input type="text" name="field1" /> <!-- put your cursor in this field and press Enter -->

<input type="submit" name="prev" value="Previous Page" /> <!-- This is the button that will submit -->
<input type="submit" name="next" value="Next Page" /> <!-- But this is the button that I WANT to submit -->
</form>

পিএইচপি,

if(isset($_POST['prev']))
{
header("Location: previous.html");
die();
}

if(isset($_POST['next']))
{
header("Location: next.html");
die();

}
0
যোগ
সমস্যাটি হল যে পাঠ্য ক্ষেত্রে প্রবেশ করার জন্য আঘাত করা প্রথম জমা বোতামটি দিয়ে ফর্মটি জমা দেবে, কোনও উদ্দেশ্যে নয় (উদাহরণে দ্বিতীয়টি)। ফর্মটি জমা দেওয়ার জন্য যে বোতামটি জমা রাখা হয়েছিল তা খুঁজে পাওয়া সহজ, এবং সেই প্রশ্নটি ছিল না!
যোগ লেখক riskop, উৎস

যদি আপনার এক পৃষ্ঠায় একাধিক সক্রিয় বোতাম থাকে তবে আপনি এটিরকম কিছু করতে পারেন:

ফর্মের ডিফল্ট বোটন হিসাবে আপনি এন্টার কীপারেশনে যে ট্রিগার বোতাম চান তা চিহ্নিত করুন। দ্বিতীয় বাটনটির জন্য কীবোর্ডে ব্যাকস্পেস বোতামটি সংযুক্ত করুন। ব্যাকস্পেস ইভেন্ট কোড 8।

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(document).on("keydown", function(event) {
  if (event.which.toString() == "8") {
    var findActiveElementsClosestForm = $(document.activeElement).closest("form");

    if (findActiveElementsClosestForm && findActiveElementsClosestForm.length) {
      $("form#" + findActiveElementsClosestForm[0].id + " .secondary_button").trigger("click");
    }
  }
});
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

<form action="action" method="get" defaultbutton="TriggerOnEnter">
  <input type="submit" id="PreviousButton" name="prev" value="Prev" class="secondary_button" />
  <input type="submit" id='TriggerOnEnter' name="next" value="Next" class="primary_button" />
</form>
</div> </div>

আশাকরি এটা সাহায্য করবে.

0
যোগ

From https://html.spec.whatwg.org/multipage/forms.html#implicit-submission

একটি ফর্মের উপাদান এর ডিফল্ট বোতাম হল বৃক্ষের প্রথম জমা বোতাম   ক্রম যার ফর্ম মালিক যে ফর্ম উপাদান।

     

ব্যবহারকারীর এজেন্ট যদি ব্যবহারকারীকে ফর্মটি নিখুঁতভাবে জমা দেওয়ার অনুমতি দেয় তাহলে   (উদাহরণস্বরূপ, কিছু পাঠ্যসূচিগুলিতে "পাঠান" কী টিপলে এটি একটি পাঠ্য   ক্ষেত্রটি ফোকাস হয় নিস্পত্তিভাবে ফর্ম জমা) ...

পরবর্তী ইনপুটটি টাইপ করুন = "জমা দিন" এবং পূর্ববর্তী ইনপুটটিকে টাইপ করতে = টাইপ করুন "বোতাম" এটিকে পছন্দসই ডিফল্ট আচরণ দিতে হবে।

<form>
   <input type="text" name="field1" /> <!-- put your cursor in this field and press Enter -->

   <input type="button" name="prev" value="Previous Page" /> <!-- This is the button that will submit -->
   <input type="submit" name="next" value="Next Page" /> <!-- But this is the button that I WANT to submit -->
</form>
0
যোগ

জাভাস্ক্রিপ্ট (এখানে jQuery) দিয়ে, আপনি ফর্মটি জমা দেওয়ার আগে পূর্ব বোতামটি অক্ষম করতে পারেন।

$('form').on('keypress', function(event) {
    if (event.which == 13) {
        $('input[name="prev"]').prop('type', 'button');
    }
});
0
যোগ

প্রথমবার আমি এই বিরুদ্ধে এসেছিলাম আমি একটি onclick() / জেএস হ্যাক সঙ্গে এসেছিলেন যখন পছন্দ অগ্রগতি / পরবর্তী না যে আমি এখনও তার সরলতা জন্য চাই এটা এইভাবেই চলে:

@model myApp.Models.myModel    

<script type="text/javascript">
    function doOperation(op) {
        document.getElementById("OperationId").innerText = op;
        // you could also use Ajax to reference the element.
    }
</script>

<form>
  <input type="text" id = "TextFieldId" name="TextField" value="" />
  <input type="hidden" id="OperationId" name="Operation" value="" />
  <input type="submit" name="write" value="Write" onclick='doOperation("Write")'/>
  <input type="submit" name="read" value="Read" onclick='doOperation("Read")'/>
</form>

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

// Do operation according to which submit button was clicked
// based on the contents of the hidden Operation field.
if (myModel.Operation == "Read")
{
     // do read logic
}
else if (myModel.Operation == "Write")
{
     // do write logic
}
else
{
     // do error logic
}

আপনি স্ট্রিং পার্সিং এড়ানোর জন্য সামান্য অপারেটর কোড ব্যবহার করে সামান্য ব্যবহার করতে পারেন, তবে আপনি যদি Enums এর সাথে খেলেন তবে কোডটি কম পড়ার, পরিবর্তনযোগ্য এবং স্ব-নথিভুক্ত এবং পার্সিংটি তুচ্ছ, তবুও।

0
যোগ

এটা চেষ্টা কর..!

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

<form>
  <input type="text" name="Name" />
  <!-- Enter the value -->

  <input type="button" name="prev" value="Previous Page" />
  <!-- This is the button that will submit -->
  <input type="submit" name="next" value="Next Page" />
  <!-- But this is the button that I WANT to submit -->
</form>
</div> </div>
0
যোগ

আমি এই ভাবে একটি খুব অনুরূপ সমস্যার সমাধান:

  1. যদি জাভাস্ক্রিপ্ট সক্রিয় করা হয় (বেশিরভাগ ক্ষেত্রে আজকাল) তাহলে সব জমা বোতামগুলি JavaScript এর মাধ্যমে পৃষ্ঠা লোডের বোতামগুলিতে " অপেনডেড " হয়। / কোড> (jquery)। JavaScript

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

কাজ উদাহরণ:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

<html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    </head>
    <body>
    <form action="http://httpbin.org/post" method="post">
    If JavaScript is disabled, then you CAN submit the form with button1, button2 or button3.
    If you press enter on a text field, then the form is submitted with the first submit button.

    If JavaScript is enabled, then the submit typed buttons without the 'defaultSubmitButton'
    style are converted to button typed buttons.

    If you press enter on a text field, then the form is submitted with the only submit button
    (the one with class defaultSubmitButton)
    If you click on any other button in the form, then the form is submitted with that button's
    value.
    
<input type="text" name="text1" >
<button type="submit" name="action" value="button1" >button 1</button>
<input type="text" name="text2" > <button type="submit" name="action" value="button2" >button 2</button>
<input type="text" name="text3" > <button class="defaultSubmitButton" type="submit" name="action" value="button3" >default button</button> </form> <script> $(document).ready(function(){ /* change submit typed buttons without the 'defaultSubmitButton' style to button typed buttons */ $('form button[type=submit]').not('.defaultSubmitButton').each(function(){ $(this).attr('type', 'button'); }); /* clicking on button typed buttons results in: 1. setting the form's submit button's value to the clicked button's value, 2. clicking on the form's submit button */ $('form button[type=button]').click(function( event ){ var form = event.target.closest('form'); var submit = $("button[type='submit']",form).first(); submit.val(event.target.value); submit.click(); }); }); </script> </body> </html>
</div> </div>
0
যোগ

আপনি এই সমস্যাটি সমাধান করতে ট্যাবিন্ডেক্স ব্যবহার করতে পারেন, এছাড়াও বাটন অর্ডারটি পরিবর্তন করার জন্য এটি অর্জনের জন্য আরো দক্ষ উপায় হবে। বোতামের ক্রম পরিবর্তন করুন এবং float মানগুলিকে আপনার পছন্দসই অবস্থান নির্ধারণ করুন যাতে আপনি আপনার কোডে প্রদর্শন করতে চান HTML দেখুন।

0
যোগ