কীভাবে জাভাস্ক্রিপ্টের মাধ্যমে ফর্মটি রিসেট (পরিষ্কার) করবেন?

Question

আমি চেষ্টা করেছি $("#client.frm").reset();কিন্তু এটি কাজ করছে না। সুতরাং কীভাবে jQuery এর মাধ্যমে ফর্মটি পুনরায় সেট করবেন?

Comments

সম্ভাব্য সদৃশ stackoverflow.com/questions/680241/blank-out-a-form-with-jquery

— svk

দ্রষ্টব্য: ক্লিয়ার এবং রিসেট দুটি ভিন্ন জিনিস। রিসেট ( .reset()) মানগুলিকে এইচটিএমএলে মূল মানগুলিতে ফিরিয়ে দেবে। এর জন্য নীচে নিক ক্র্যাভারের সমাধান দেখুন। "সাফ করুন" এর অর্থ সাধারণত মানগুলি ফাঁকা / চেক করা / অনির্বাচিতে সেট করা; মাহমুদস সমাধান দেখুন।

— লুক

Answer 1

form.reset() একটি ডিওএম উপাদান পদ্ধতি (jQuery অবজেক্টে নেই), সুতরাং আপনার প্রয়োজন:

$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();

বা jQuery ছাড়াই:

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

Comments

আমার মস্তিষ্কটি কেবল প্রসারিত হয়েছে, ধন্যবাদ: "একটি jQuery অবজেক্টটি এক বা একাধিক ডিওএম উপাদানগুলির চারপাশে একটি অ্যারের মতো র‍্যাপার। আসল ডোম উপাদানগুলির (রেসকিউজিকের পরিবর্তে) রেফারেন্স পেতে আপনার কাছে দুটি বিকল্প রয়েছে first প্রথম (এবং দ্রুততম) পদ্ধতিটি অ্যারে স্বরলিপিটি ব্যবহার করা হয়: $ ("#foo") [0]; // ডকুমেন্টের সমতুল্য getEgeteById ("foo") দ্বিতীয় পদ্ধতিটি .get () ফাংশনটি ব্যবহার করা হয়: $ ("#foo" ")। বিট (0); // উপরে উপরে একই, কেবল ধীর।" learn.jquery.com/using-jquery-core/faq/…

— অ্যান্ড্রু

আমি পরবর্তী ত্রুটি পেয়েছি: প্রকারের ত্রুটি: ডকুমেন্ট.সেটমেন্ট বিবিআইডি (...)। রিসেট কোনও ফাংশন নয় [আরও জানুন]। আমি ফর্মের জন্য ফর্মভালিডেট প্লাগইন ব্যবহার করি। এর রিসেটফর্মটি ফর্মটিও রিসেট করে না = (কোনও পরামর্শ?

— ইউজেন কনকভ

ইউজেন, এখানেই, অনেকটা ইন্ডিয়ানা জোন্স এবং দ্য লাস্ট ক্রুসেডের মতো আপনাকে অবশ্যই বিশ্বাসের একটি ঝাঁপ দাও। আপনি যদি ডকুমেন্ট.সেটমেন্টবেইআইডি ('মাইফর্ম') কল করেন reset পুনরায় সেট করুন () তবে পদ্ধতিটি বিদ্যমান নেই বলে মনে হলেও এটি ফর্মটি সাফ করবে। টিপিক্যাল এম $ অবসেশন।

— নিউকলিক

Answer 2

আপনি সহজভাবে করতে পারেন:

$("#client.frm").trigger('reset')

Comments

একটি Triggerআমাকে নতুন জগতে নিয়ে আসে

— gonatee

Answer 3

খাঁটি জেএস দ্রবণটি নিম্নরূপ:

function clearForm(myFormElement) {

  var elements = myFormElement.elements;

  myFormElement.reset();

  for(i=0; i<elements.length; i++) {

  field_type = elements[i].type.toLowerCase();

  switch(field_type) {

    case "text":
    case "password":
    case "textarea":
          case "hidden":

      elements[i].value = "";
      break;

    case "radio":
    case "checkbox":
        if (elements[i].checked) {
          elements[i].checked = false;
      }
      break;

    case "select-one":
    case "select-multi":
                elements[i].selectedIndex = -1;
      break;

    default:
      break;
  }
    }
}

Comments

এখানে jQuery প্লাগইন সমাধান যা মোটামুটি সমতুল্য হওয়া উচিত। stackoverflow.com/a/24496012/1766230 (আমি আপনার selectedIndex = -1কৌশলটি ব্যবহার করেছি ))

— লুক

এই সমাধানটি এখন কাজ করে না (২০১ in সালে)। যখন ফর্মটিতে পাঠ্য, পাসওয়ার্ড এবং টেক্সারিয়া ইনপুটগুলির জন্য ডিফল্ট মান থাকে, আপনার উপাদানগুলির পরিবর্তে [i] .defaultValue = "" উপাদানগুলি ব্যবহার করা উচিত [i]। মূল্য = ""।

— অ্যান্ড্রু এফ।

var field_type = elements[i].type.toLowerCase();

— মার্টিনাস জানুউকাউসকাস

@ অ্যান্ড্রু: এটি আপনি যা চান তার উপর নির্ভর করে। আপনি যদি ফর্মটি পুনরায় সেট করতে চান তবে আপনি কেবল ফর্ম অবজেক্টে defaultValueকল করতে পারেন reset()। এখানে কোডটি ফর্মটি পুনরায় সেট করার পরিবর্তে সাফ করার জন্য।

— রক্ষক এক

Answer 4

, রিসেট () পদ্ধতিটি ডিফল্ট মান এবং চেকবক্স ক্ষেত্র সাফ করে না এবং আরও অনেক সমস্যা রয়েছে।

সম্পূর্ণ পুনরায় সেট করার জন্য নীচের লিঙ্কটি চেক করুন -

http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm

Answer 5

পুনরায় সেট করুন (সাফ করুন) ফর্ম মাধ্যমে Javascriptএবং jQuery:

জাভাস্ক্রিপ্ট উদাহরণ:

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

JQuery উদাহরণ:

আপনি রেফারেন্স লিঙ্কটি ব্যবহার করার চেষ্টা করতে পারেনtrigger()

$('#client.frm').trigger("reset");

Answer 6

দ্রষ্টব্য, form.reset()ফর্মটিতে কিছু ইনপুট ট্যাগের বৈশিষ্ট্য থাকলে ফাংশন কাজ করবে নাname='reset'

Answer 7

এটা চেষ্টা কর :

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}

Answer 8

নীচে ফর্মটি সাফ করুন

document.forms[0].reset();

আপনি কেবলমাত্র গ্রুপের মধ্যে ফর্ম উপাদানগুলি সাফ করতে পারেন। এটি ব্যবহার করে forms[0]।

Answer 9

জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করুন reset():

document.forms["frm_id"].reset();

Answer 10

আপনি নিম্নলিখিত ব্যবহার করতে পারেন:

$('[element]').trigger('reset')

Answer 11

এই কোড ব্যবহার করে দেখুন। আপনার উত্তরের একটি সম্পূর্ণ সমাধান।

    <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(":reset").css("background-color", "red");
});
</script>
</head>
<body>

<form action="">
  Name: <input type="text" name="user"><br>
  Password: <input type="password" name="password"><br>
  <button type="button">Useless Button</button>
  <input type="button" value="Another useless button"><br>
  <input type="reset" value="Reset">
  <input type="submit" value="Submit"><br>
</form>

</body>
</html>

Answer 12

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

 <button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()">Reset</button>

window.location.reload () ফাংশনটি আপনার পৃষ্ঠাকে রিফ্রেশ করবে এবং সমস্ত ডেটা সাফ হবে।