JQuery সহ ফর্ম ক্ষেত্রগুলি সাফ করুন

Question

আমি একটি ফর্মের মধ্যে সমস্ত ইনপুট এবং টেক্সারিয়া ক্ষেত্রগুলি সাফ করতে চাই। এর সাথে ইনপুট বোতামটি ব্যবহার করার সময় এটি নিম্নলিখিতগুলির মতো কাজ করেresetশ্রেণীর :

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

এটি পৃষ্ঠার সমস্ত ক্ষেত্র সাফ করবে, কেবল ফর্মটি থেকে নয়। আসল রিসেট বোতামটি যেভাবে বাস করে তা কেবল আমার ফর্মটির জন্য আমার নির্বাচকটি কেমন লাগবে?

Comments

পাওলো বার্গান্টিনো স্ট্যাকওভারফ্লো.com

— উইকড কোডার

এখানে একটি ফর্ম পুনরায় সেট করতে আরও বিশদ পদ্ধতি ।

— উজবেজোন

Answer 1

$(".reset").click(function() {
    $(this).closest('form').find("input[type=text], textarea").val("");
});

Comments

আপনার input[type=password]ক্ষেত্রগুলি ভুলে যাবেন না ।

— স্যাম্যিকে

এই উত্তরটি মূল প্রশ্নটি coversেকে দেয়। কেবল পাঠ্য ক্ষেত্রের চেয়ে বেশি যারা চান তাদের অবশ্যই প্রয়োজন অনুযায়ী কোড যুক্ত করা দরকার ...

— শ্যানব্লেক

এছাড়াও মনে রাখবেন এইচটিএমএল 5 তে টাইপ = পাসওয়ার্ড (যেমন স্যামিকে বলেছেন) ব্যতীত আরও ধরণের ইনপুট থাকবে: টাইপ = ইউআরএল, টাইপ = ডিজিট, টাইপ = ইমেল ইত্যাদি http://www.w3.org/TR/html5/forms .html # স্টোর অফ-টাইপ-এ্যাট্রিবিউট

— গ্যাব্রিয়েল

একটি ছোট্ট টিপ: এই নির্বাচক ইনপুট উপাদানগুলি নির্বাচন করবে না যা অন্তর্নিহিত টাইপ = পাঠ্যের উপর নির্ভর করে, আপনাকে অবশ্যই স্পষ্টভাবে আপনার মার্কআপে টাইপ = পাঠ্য অন্তর্ভুক্ত করতে হবে। এটি সুস্পষ্ট হতে পারে, তবে এখনই তা আমার কাছে ছিল না :-)

— এলবিন

@ ক্যাপ্টসাল্টি জ্যাক: এটি তাদের ডিফল্ট মানগুলিতে পুনরায় সেট করে যা তাদের সাফ করার মতো জিনিস নয় ...

— শ্যানব্লেক

Answer 2

JQuery 1.6+ এর জন্য :

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

JQuery জন্য <1.6 :

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .removeAttr('checked')
  .removeAttr('selected');

দয়া করে এই পোস্টটি দেখুন: jQuery সঙ্গে একটি বহু-পর্যায় ফর্ম পুনরায় সেট করা

অথবা

$('#myform')[0].reset();

JQuery পরামর্শ হিসাবে :

পুনরুদ্ধার করতে এবং যেমন পরিবর্তন করে DOM বৈশিষ্ট্য checked, selectedঅথবা disabledফর্ম উপাদানের রাষ্ট্র, ব্যবহার .prop () পদ্ধতি।

Comments

কোডের প্রথম অংশটি চেকবাক্সগুলির মানগুলি কেবল আনচেকের পরিবর্তে "" সেট করে। এবং এটি বাছাইগুলিকে প্রভাবিত করবে না, কারণ এটি বিকল্প ট্যাগ যা নির্বাচিত হয়।

চেকবক্সের মানগুলি অপসারণ এড়াতে, আমি আপনার উত্তরের দ্বারা অনুপ্রাণিত নিম্নলিখিতগুলি ব্যবহার করেছি : $(':input').not(':button, :submit, :reset, :hidden').removeAttr('checked').removeAttr('selected').not(':checkbox, select').val('').removeAttr('value');. এটি ডিফল্ট মানগুলি মুছে ফেলবে (যেমন value="something", তবে চেকবক্স বা নির্বাচনের জন্য নয়

— জেপ্প মারিয়ার-লাম

এটি ব্যবহার করবেন না (বিকল্প 1) যদি আপনার রেডিও, চেকবক্স, বা নির্বাচন করা থাকে, তবে মানগুলি অদৃশ্য হওয়ার পরে আপনি একটি অদ্ভুত বাগ খুঁজে পেতে অনেক সময় নষ্ট করবেন। সঠিক সংস্করণ, যা তাদের মানগুলিকে অটুট রাখে: $(':input').not(':button, :submit, :reset, :hidden').removeAttr('checked').removeAttr('selected').not(':checkbox, :radio, select').val('');(জ্যাপি মারিয়ের-লামের মন্তব্যের ভিত্তিতে)

— কনস্ট্যান্টিন পেরিয়াস্লোভ

দ্বিতীয় বিকল্পটি এড়াতে কোনও কারণ?

— রিনিজ

আপনার দ্বিতীয় সমাধানটি হ'ল আসল উত্তর

— অবজারক

Answer 3

কোনও কারণেই এটি ব্যবহার করা উচিত নয়?

$("#form").trigger('reset');

Comments

@ পাইথোনিয়ান ২৯৯৩৩৩: এবং আপনার পদ্ধতির সাথে সাথে আপনি পৃষ্ঠার সমস্ত ফর্মগুলি ডিফল্টগুলিতে পুনরায় সেট করবেন ... যা সাধারণ বিকাশকারী কী চান তা অবশ্যই নয়। আমি মনে করি কোনও জিকুয়ারি ডেভেলপারকে এই বিষয়টির নোটিশ নেওয়া উচিত যে তার / তার নির্বাচককে উদাহরণ কোড থেকে উপযুক্ত কোডে পরিবর্তন করা দরকার ...

— Sk8erPeter

@ Sk8erPeter আইডি সহ পৃষ্ঠাটিতে যদি আপনার একাধিক উপাদান থাকে তবে formআপনি এটি ভুল করছেন। নির্বাচক থাকলে আপনি ঠিকই থাকতেন form, তবে এটি আইডি নির্বাচনকারী #form।

— 31:36

@ ব্র্যান্ডোনস : আপনি যা জবাব দিয়েছিলেন সেদিকে আপনার মনোযোগ দেওয়া উচিত ছিল, কারণ আপনি ভুল ... :) পাইথোনিয়ান ২৯৯৩৩৩ লিখেছিল কোডটি পরীক্ষা করুন (যা আমি এর আগে জবাব দিয়েছি): $("form").trigger('reset');সত্যই সমস্ত <form>উপাদানগুলিতে "রিসেট" ইভেন্টটি ট্রিগার করে । বেশিরভাগ ক্ষেত্রে, এটি ভুল হতে পারে। তবে $("#form").trigger('reset');(মূল উত্তরে দেখানো হয়েছে) উপাদানটির "রিসেট" ইভেন্টটি কেবল ট্রিগার করে যা "ফর্ম" আইডি সেট রয়েছে ( #formনির্বাচকের সাথে পৌঁছানোর যোগ্য )। এবং হ্যাঁ, একটি আইডি কেবল একবার ব্যবহার করা উচিত, এ কারণেই তারা এটিকে "আইডি" বলে, কারণ এটি একটি উপাদানটিকে দ্ব্যর্থহীনভাবে চিহ্নিত করে।

— Sk8erPeter

Answer 4

এটি ফর্ম ইনপুট ক্ষেত্রগুলির খালি খালি ডিফল্ট মানগুলির ক্ষেত্রে পরিচালনা করবে না।

কিছু কাজ করা উচিত

$('yourdiv').find('form')[0].reset();

Comments

আমার সবেমাত্র আমার প্রথম পোস্টের জেএস কোড রয়েছে এবং এটি প্রতিটি পৃষ্ঠায় বেশ কয়েকটি ফর্মের রিসেট বোতামগুলির সাথে কাজ করতে চাই। সুতরাং এটি কেবল নির্বাচক যা কিছু অবদান প্রয়োজন।

— tbuehlmann

Answer 5

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

$('#myform')[0].reset();

আপনার যদি ফর্মটি পুনরায় সেট করার দরকার নেই, তবে সমস্ত ইনপুট কিছু মান দিয়ে পূরণ করুন, উদাহরণস্বরূপ খালি মান, তবে আপনি অন্যান্য মন্তব্যগুলি থেকে বেশিরভাগ সমাধান ব্যবহার করতে পারেন।

Answer 6

সহজ তবে একটি কবজির মতো কাজ করে।

$("#form").trigger('reset'); //jquery
document.getElementById("myform").reset(); //native JS

Comments

বাদে এটি ক্ষেত্রগুলি সাফ করে না। এটি তাদের ডিফল্টে সেট করে।

— মার্ক ফ্রেজার 18

Answer 7

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

document.getElementById("myform").reset();

এটি সম্পর্কে এখানে আরও: http://www.w3schools.com/jsref/met_form_reset.asp

চিয়ার্স!

Comments

এটা বলেছেন. এটি সহজাত ফর্ম মানের সাথে পুনরায় সেট করে এবং মানগুলি খালি করে না। তবে হ্যাঁ, আপনি যদি ডিফল্ট মান সহ ফর্মটি লোড করেন তবে সেগুলি সাফ হবে না। সম্ভবত একটি জেএস লুপ যা সমস্ত ইনপুট ট্রাটে যায় এবং সেগুলি সাফ করে

— টারমো সালুস্ট

Answer 8

$('form[name="myform"]')[0].reset();

Answer 9

কেন এটি কোনও জাভাস্ক্রিপ্টের সাথে আদৌ করা দরকার?

<form>
    <!-- snip -->
    <input type="reset" value="Reset"/>
</form>

http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords

---

প্রথমে এটি চেষ্টা করে, এটি ডিফল্ট মান সহ ক্ষেত্রগুলি সাফ করবে না।

JQuery এর সাথে এটি করার একটি উপায় এখানে রয়েছে:

$('.reset').on('click', function() {
    $(this).closest('form').find('input[type=text], textarea').val('');
});

Comments

প্রথমে এটি চেষ্টা করে, এটি ডিফল্ট মান সহ ক্ষেত্রগুলি সাফ করবে না।

— tbuehlmann

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

— জন মুনছ 16

.live()হ্রাস করা হয় এবং এটি ধীর / অপ্রয়োজনীয়ও। আপনি কেবল ব্যবহার করতে পারেন .bind()বা .on()।

— কেভিন বিয়াল

Answer 10

আপনি যদি সমস্ত ইনপুট বাক্স নির্বিশেষে খালি করতে চান তবে এটি এক মিনিট পর পর

 $('#MyFormId')[0].reset();

Answer 11

আমি ফর্মটি পুনরায় সেট করতে সবচেয়ে সহজ কৌশল পেয়েছি

jQuery("#review-form")[0].reset();

অথবা

$("#review-form").get().reset();

Answer 12

জাভাস্ক্রিপ্টের সাহায্যে আপনি এই সিনট্যাক্সটি সহ সহজেই এটি করতে পারেন getElementById("your-form-id").reset();

আপনি রিসেট ফাংশনটি এভাবে কল করে jquery ব্যবহার করতে পারেন $('#your-form-id')[0].reset();

ভুলে যাবেন না মনে রাখবেন [0]। আপনি যদি নিম্নলিখিত ত্রুটি পাবেন

TypeError: $ (...)। রিসেট কোনও ফাংশন নয়

JQuery এছাড়াও আপনি ব্যবহার করতে পারেন একটি ইভেন্ট সরবরাহ করে

$ ( '# Form_id') ট্রিগার ( "রিসেট")।

আমি চেষ্টা করেছি এবং এটি কাজ করে।

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

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

Answer 13

$('#editPOIForm').each(function(){ 
    this.reset();
});

যেখানে editPOIFormহয় idআপনার ফর্মের অ্যাট্রিবিউট।

Comments

কেবলমাত্র একটি থাকবে #editPOIFormএবং সুতরাং .each()পদ্ধতিটির কোনও মানে হয় না। এমনকি আপনি যদি এই আইডি একাধিক ফর্মের সাথে যুক্ত করেন তবে এটি কেবল তাদের মধ্যে একটি ফেরত দেয়।

— কেভিন বিয়াল

প্রতিটি () আপনাকে অন্তর্নিহিত ডিওএম অবজেক্টে পেতে (((এটি) এর পরিবর্তে) এবং রিসেট কল () কল করার অনুমতি দেয়। ধরে নিই যে আপনি সবকিছু সাফ করার পরিবর্তে ডিফল্ট মানগুলিতে পুনরায় সেট করতে চান এটি একটি ভাল সমাধান।

— ডেভ

@ ডেভ মাইটিও কেবল ব্যবহার করুন$('#editPOIForm').get(0).reset();

— টমাস দাগার্ড

@ থমাসডোগার্ড: যদি আপনি (0) বা কেবল $ ('# editPOIForm') ব্যবহার করেন তবে [0] আপনি যদি স্ক্রিপ্ট ত্রুটি পাবেন তবে $ ('# editPOIForm') কোনও উপাদান মেলে না, তবে প্রতিটি () ব্যতীত ব্যর্থ হবে একটি ভুল. সুতরাং আমি মনে করি এটি ত্রুটি পরিচালনার ক্ষেত্রে আপনার অগ্রাধিকারের উপর নির্ভর করে।

— ডেভ

Answer 14

আপনি কেন ব্যবহার document.getElementById("myId").reset();করবেন না ? এটি সহজ এবং সুন্দর

Answer 15

পরীক্ষিত এবং যাচাইকৃত কোড:

  $( document ).ready(function() {
    $('#messageForm').submit(function(e){
       e.preventDefault();
    });
    $('#send').click(function(e){
      $("#messageForm")[0].reset();
    });
  });

জাভাস্ক্রিপ্ট অবশ্যই এতে অন্তর্ভুক্ত থাকতে হবে $(document).readyএবং এটি অবশ্যই আপনার যুক্তি সহ।

Answer 16

সর্বাধিক সহজ এবং সর্বোত্তম সমাধানটি হ'ল-
$("#form")[0].reset();

এখানে ব্যবহার করবেন না -
$(this)[0].reset();

Comments

কেবলমাত্র একটি সামান্য সতর্কতা: আপনার যদি ইনপুটগুলির জন্য ডিফল্ট মান থাকে তবে চলুন সার্ভার-রেন্ডার বলি, তবে form.reset();সেই মানগুলিতে পুনরায় সেট হবে, এবং ইনপুটগুলি সাফ করবে না।

— এভিল_বেংট

Answer 17

আমাদের বলুন যে আপনি যদি ক্ষেত্রগুলি সাফ করতে চান এবং অ্যাকাউন্ট টাইপ বাদে, মাঝের সময়ে ড্রপডাউন বাক্সটি নির্দিষ্ট মান হিসাবে পুনরায় সেট হয়ে যায়, অর্থাৎ 'সমস্ত' e আমাদের প্রয়োজন হিসাবে নির্দিষ্ট ক্ষেত্র।

 $(':input').not('#accountType').each( function() {

    if(this.type=='text' || this.type=='textarea'){
             this.value = '';
       }
    else if(this.type=='radio' || this.type=='checkbox'){
         this.checked=false;
      }
         else if(this.type=='select-one' || this.type=='select-multiple'){
              this.value ='All';
     }
 });

Comments

সর্বাধিক সম্পূর্ণ উত্তর। ধন্যবাদ।

— যৌক্তিকরবিট

একটি প্রশ্ন: আপনি যদি কোনও বোতাম ক্লিক না করে প্রোগ্রামিংক্রমে এটি করে থাকেন তবে আপনি কীভাবে এটি একটি নির্দিষ্ট ফর্মের দিকে পরিচালিত করবেন?

— যৌক্তিকরবিট

Answer 18

আমি এটি ব্যবহার:

$(".reset").click(function() {
  $('input[type=text]').each(function(){
     $(this).val('');
  });
});

এবং এখানে আমার বোতাম:

<a href="#" class="reset">
  <i class="fa fa-close"></i>
     Reset
</a>

Comments

একটি রিসেট ইনপুট টাইপ উপলব্ধ w3.org/TR/html-markup/input.reset.html

— টমাস ওয়েলটন

Answer 19

আপনি jQuery দ্বারা সাধারণ রিসেট ফাংশনটি কল করতে চান যেখানে এই কোডটি ব্যবহার করুন

setTimeout("reset_form()",2000);

এবং ডকুমেন্ট রেডি এই ফাংশন আউট সাইট jQuery লিখুন

<script>
function reset_form()
{
    var fm=document.getElementById('form1');
    fm.reset();
}
</script>

Answer 20

আপনারা কেউ কেউ অভিযোগ করেছিলেন যে রেডিওগুলি এবং এগুলি ডিফল্ট "চেকড" স্থিতি সাফ হয়ে গেছে ... আপনাকে যা করতে হবে তা হল: রেডিও,: চেকবক্স নির্বাচনকারীদের। নোটে যুক্ত করুন এবং সমস্যাটি সমাধান করা হবে।

আপনি যদি কাজটি করতে অন্য সমস্ত রিসেট ফাংশনগুলি না পেতে পারেন তবে এটি এক করবে।

• Ngen এর উত্তর থেকে অভিযোজিত

  function form_reset(formID){
      $(':input','#'+formID)
      .not(':button',':submit',':reset',':hidden',':radio',':checkbox')
      .val('');
  }

Answer 21

@using (Ajax.BeginForm("Create", "AcceptanceQualityDefect", new AjaxOptions()
{
    OnSuccess = "ClearInput",
    HttpMethod = "Post",
    UpdateTargetId = "defect-list",
    InsertionMode = InsertionMode.Replace
}, new { @id = "frmID" })) 

1. frmID ফর্ম সনাক্তকরণ

2. OnSuccessঅপারেশনটির আমরা জাভাস্ক্রিপ্ট ফাংশনটিকে " ClearInput" নাম দিয়ে ডাকি

   <script type="text/javascript">
       function ClearInput() {
           //call action for render create view
           $("#frmID").get(0).reset();
       }
   </script>

3. যদি আপনি এই উভয়টি সঠিকভাবে করেন তবে আপনি এটি কাজ করা থেকে বিরত রাখতে পারবেন না ...

Answer 22

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

$("body").find('form').find('input,  textarea').val('');

Answer 23

আমি যদি অ্যাকাউন্ট টাইপ বাদে সমস্ত ক্ষেত্র সাফ করতে চাই তবে নিম্নলিখিত ব্যবহার করুন

$q(':input','#myform').not('#accountType').val('').removeAttr('checked').removeAttr('selected');

Comments

আপনি চেকবাক্সগুলির রেডিওব্যাটনের জন্য মানগুলি হারাতে চান না, তবে কেবল সেগুলি পরীক্ষা করুন, এটি ভাল সমাধান নয়

— ফ্রাঙ্কি

Answer 24

আমি এখানে কোড সম্পর্কিত এবং সম্পর্কিত এসও প্রশ্নগুলিকে অসম্পূর্ণ বলে মনে করি।

ফর্মটি পুনঃস্থাপনের অর্থ এইচটিএমএল থেকে আসল মানগুলি নির্ধারণ করা, সুতরাং উপরের কোডটির উপর ভিত্তি করে আমি করছি এমন একটি ছোট প্রকল্পের জন্য আমি এটি একসাথে রেখেছি:

            $(':input', this)
                .not(':button, :submit, :reset, :hidden')
                .each(function(i,e) {
                    $(e).val($(e).attr('value') || '')
                        .prop('checked',  false)
                        .prop('selected', false)
                })

            $('option[selected]', this).prop('selected', true)
            $('input[checked]',   this).prop('checked',  true)
            $('textarea',         this).each(function(i,e) { $(e).val($(e).html()) })

আমি কিছু অনুপস্থিত বা কিছু উন্নত করা যেতে পারে দয়া করে আমাকে জানান।

Answer 25

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

<input type="reset"  value="ClearAllFields" onclick="ClearContact()" />

 <script type="text/javascript">
       function ClearContact() {
           ("form :text").val("");
       }
    </script>

Answer 26

আমি একটি সর্বজনীন jQuery প্লাগইন লিখেছি:

/**
 * Resets any input field or form
 */
$.fn.uReset = function () {
    return this.filter('form, :input').each(function () {
        var input = $(this);
        
        // Reset the form.
        if (input.is('form')) {
            input[0].reset();
            return;
        }

        // Reset any form field.
        if (input.is(':radio, :checkbox')) {
            input.prop('checked', this.defaultChecked);
        } else if (input.is('select')) {
            input.find('option').each(function () {
                $(this).prop('selected', this.defaultSelected);
            });
        } else if (this.defaultValue) {
            input.val(this.defaultValue);
        } else {
            console.log('Cannot reset to default value');
        }
    });
};

$(function () {
    // Test jQuery plugin.
    $('button').click(function (e) {
        e.preventDefault();
        
        var button = $(this),
            inputType = button.val(),
            form = button.closest('form');
        
        if (inputType === 'form') {
            form.uReset()
        } else {
            $('input[type=' + inputType + '], ' + inputType, form).uReset();
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h3>Form</h3>
<form>
    <input type="text" value="default"/><br /><br />
    Ch 1 (default checked) <input type="checkbox" name="color" value="1" checked="checked" /><br />
    Ch 2 <input type="checkbox" name="color" value="2" /><br />
    Ch 3 (default checked) <input type="checkbox" name="color" value="3" checked="checked" /><br /><br />
    <select name="time"><br />
        <option value="15">15</option>
        <option selected="selected" value="30">30</option>
        <option value="45">45</option>
    </select><br /><br />
    R 1 <input type="radio" name="color" value="1" /><br />
    R 2 (default checked) <input type="radio" name="color" value="2" checked="checked" /><br />
    R 3 <input type="radio" name="color" value="3" /><br /><br />
    <textarea>Default text</textarea><br /><br />
    
    <p>Play with form values and then try to reset them</p>
    
    <button type="button" value="text">Reset text input</button>
    <button type="button" value="checkbox">Reset checkboxes</button>
    <button type="button" value="select">Reset select</button>
    <button type="button" value="radio">Reset radios</button>
    <button type="button" value="textarea">Reset textarea</button>
    <button type="button" value="form">Reset the Form</button>
</form>

Answer 27

নীচে লুকানো রিসেট বোতাম যুক্ত করুন

<input id="resetBtn" type="reset" value="reset" style="display:none" />
// Call reset buttons click event
// Similar to ClearInputs('resetBtn');
function ClearInputs(btnSelector) {
     var btn = $("#" + btnSelector);
     btn.click();
}

Answer 28

'(' ফর্ম ')। জমা দিন (ফাংশন () {

var el = $(this);

$('<button type="reset" style="display:none; "></button>')
    .appendTo(el)
    .click()
    .remove()
;

return false;

});