jQuery per cancellare i campi modulo dopo l'invio per il testo e la casella di controllo

Question

Desidero cancellare i campi del modulo (i campi modulo sono testo e casella di controllo) dopo l'invio. Per cancellare il modulo, ho creato un pulsante. E c'è un pulsante separato per l'invio.

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

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

Ho scritto codice jQuery, ma la sua non funziona:

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

Answer 1

Prova questa:

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

Uno sarà cancellare tutti gli ingressi di testo. Secondo aiuterà a deselezionare le caselle di controllo.

Spero che aiuti.

Answer 2

jQuery non ha alcun metodo .reset(). Ma Javascript nativo sì!

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

JSFiddle Demo

Answer 3

provare il codice indicato di seguito per ripristinare una forma

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

Answer 4

avevo campi chiare utilizzando una risposta di conferma del server piuttosto che un click in più.

$("#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

Se si desidera ripristinare utilizzando un pulsante farei

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

Fiddle

Answer 5

C'è una soluzione semplice per ripristinare modulo tramite jQuery:

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