jQuery для очистки полей формы после отправки текста и флажка

Question

Я хочу очистить поля формы (поля формы имеют текст и флажок) после отправки. Чтобы очистить форму, я создал кнопку. И есть отдельная кнопка для отправки.

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

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

Я написал JQuery код, но он не работает:

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

Answer 1

Попробуйте это:

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

One будут удалены все текстовые входы. Во-вторых, это поможет снять флажки.

Надеюсь, это поможет.

Answer 2

jQuery не имеет .reset() способ. Но собственный Javascript делает!

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

JSFiddle Demo

Answer 3

попробовать код, приведенный ниже, чтобы сбросить это форма

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

Answer 4

Я четкие поля, используя ответ с подтверждением сервера, а не дополнительный щелчок.

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

Если вы хотите сбросить с помощью кнопки я сделаю

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

Fiddle

Answer 5

Существует простое решение сбросить форму с помощью JQuery:

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