jQuery, aby wyczyścić pola formularzy po przesłaniu dla tekstu i pole wyboru

Question

Chcę wyczyścić pola formularza (pola formularza ma tekst i pole wyboru) po przesłaniu. Aby wyczyścić formularz, utworzyłem przycisk. I jest oddzielny przycisk do przesłania.

<input type="reset" name="clearform" id="clearform" value="Clear Form" /> 

<form id="submit" method="POST" action=""> 

Pisałem kod jQuery ale jej nie działa:

jQuery("#clearform").click(function(){ 
    jQuery("#submit input[type='text'], input[type='checkbox']").each(function() { 
     this.value = ''; 
    }); 
}); 

Answer 1

Spróbuj tego:

$('#clearform').on('click', function() { 
    $('#form_id').find('input:text').val(''); 
    $('input:checkbox').removeAttr('checked'); 
}); 

One usunie wszystkie wejścia tekstowych. Drugi pomoże odznaczać pola wyboru.

Mam nadzieję, że to pomaga.

Answer 2

jQuery nie ma metody .reset(). Ale natywny Javascript robi!

$("#form").get(0).reset() 
// Result: 
// A clean, resetted form! 

JSFiddle Demo

Answer 3

wypróbować poniższy kod do zresetowania formą

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

Answer 4

bym jasnych pól przy użyciu odpowiedź z potwierdzeniem serwer zamiast dodatkowego kliknięcia.

$("#submit").submit(function() { 
     var submit = $(this).serialize(); 
     $.post('serverside.php', submit, 

     function(data){ 
      if(data == "complete"){ //server response 
       jQuery("#submit input[type=text]").val(''); 
       jQuery("#submit input[type=checkbox]").prop("checked", false); 
      }; 
     }); 
     return false; 
    }); 

EDIT

Jeśli chcesz zresetować za pomocą przycisku zrobiłbym

$('#clearform').on('click', function() { 
    $('#submit').trigger("reset"); 
}); 

Fiddle

Answer 5

Jest to proste rozwiązanie, aby przywrócić formę poprzez jQuery:

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