Yang jelas bentuk bidang dengan jQuery

Untuk jQuery 1.6+:

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

Untuk jQuery < 1.6:

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

Silakan lihat posting ini: https://stackoverflow.com/questions/680241/blank-out-a-form-with-jquery

Atau

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

Sebagai jQuery menunjukkan:

Untuk mengambil dan mengubah DOM sifat-sifat seperti memeriksa, dipilih, atau cacat state dari elemen form, gunakan .prop() metode.

Apapun alasan ini seharusnya't dapat digunakan?

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

Ini won't menangani kasus-kasus di mana bentuk masukan bidang non-kosong-nilai default.

Sesuatu seperti harus bekerja

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

jika anda menggunakan penyeleksi dan membuat nilai-nilai kosong, tidak mengatur ulang bentuk, it's membuat semua kolom yang kosong. Reset adalah untuk membuat bentuk seperti sebelum mengedit setiap tindakan dari pengguna setelah beban dari bentuk dari sisi server. Jika ada masukan dengan nama "username" dan bahwa pengguna prefilled dari sisi server, yang paling solusi pada halaman ini akan menghapus nilai dari input, tidak me-reset ke nilai bagaimana hal itu sebelum pengguna's perubahan. Jika anda perlu untuk me-reset form, gunakan ini:

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

jika anda tidak perlu untuk me-reset bentuk, tetapi mengisi semua input dengan beberapa nilai, misalnya nilai kosong, maka anda dapat menggunakan sebagian besar solusi dari komentar lainnya.

Sederhana namun bekerja seperti pesona.

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

Jika seseorang masih membaca thread ini, di sini adalah solusi yang paling sederhana tidak menggunakan jQuery, tapi JavaScript biasa. Jika anda field input dalam form, ada yang sederhana JavaScript reset perintah:

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

Lebih lanjut tentang hal itu di sini: http://www.w3schools.com/jsref/met_form_reset.asp

Cheers!

Mengapa hal itu perlu dilakukan dengan JavaScript sama sekali?

    <input type="reset" value="Reset"/>

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

Mencoba salah satu yang pertama, itu tidak't jelas bidang dengan nilai-nilai default.

Berikut ini's cara untuk melakukannya dengan jQuery, maka:

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

Saya punya trik termudah untuk me-reset bentuk

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

atau

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

Jika anda ingin mengosongkan semua kotak input terlepas dari jenisnya maka's menit langkah demi

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

Dengan Javascript anda hanya dapat melakukan ini dengan sintaks ini getElementById("anda-bentuk-id").reset();

anda juga dapat menggunakan jquery dengan memanggil fungsi reset cara ini $('#anda-bentuk-id')[0].reset();

Ingat untuk tidak melupakan [0]. Anda akan mendapatkan error berikut jika

TypeError: $(...).reset tidak fungsi

JQuery juga menyediakan sebuah acara, anda dapat menggunakan

$('#form_id').pemicu("reset");

Aku mencoba dan bekerja.

Catatan: penting untuk melihat bahwa metode ini hanya akan me-reset formulir anda ke nilai awal yang ditetapkan oleh server pada beban halaman. Ini berarti jika anda input ditetapkan pada nilai 'menetapkan nilai' sebelum anda melakukan perubahan acak, lapangan akan di-reset ke nilai yang sama setelah reset metode ini disebut.

Semoga membantu

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

di mana editPOIForm adalah id atribut formulir anda.

Mengapa anda tidak menggunakan dokumen.getElementById("myId").reset(); ? ini adalah sederhana dan cantik

Diuji dan diverifikasi kode:

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

Javascript harus disertakan dalam $(document).siap dan itu harus dengan logika anda.

Paling mudah dan solusi terbaik adalah- $("#bentuk")[0].reset();

Don't gunakan di sini - $(ini)[0].reset();

Mari kita katakan jika anda ingin menghapus kolom dan kecuali accountType,dalam waktu yang berarti dropdown box akan di-reset ke nilai tertentu,saya.e 'Semua'.Sisa bidang harus reset untuk mengosongkan saya.e kotak teks.Pendekatan ini akan digunakan untuk membersihkan bidang tertentu sebagai kebutuhan kita.

 $(':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';
     }
 });

Saya menggunakan ini :

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

Dan berikut adalah tombol:

<a href="#" class="reset">

     Reset
</a>

Gunakan Kode ini di Tempat yang anda inginkan untuk Memanggil Normal Fungsi Reset dengan jQuery

setTimeout("reset_form()",2000);

Dan Menulis Fungsi ini Situs jQuery pada Dokumen Siap

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

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

1. frmID adalah identifikasi bentuk
2. OnSuccess operasi kita memanggil fungsi JavaScript dengan nama "ClearInput"

3. jika anda melakukan ini dengan benar, maka anda tidak akan dapat berhenti dari bekerja...