Form reset function returned undefined

Question

I am trying to reset form inputs by :

$("#form_employee_job")[0].reset();

The inputs still filled and console return undefined

What i'm missing ?

What do you mean 'the console returns `undefined`'? `reset()` doesn't return anything, so I'm not sure what exactly you're expecting to happen here — Rory McCrossan, Feb 14 '17 at 07:42
I mean the browser console, cos i tried this code at browser console, i expect that form inputs will be reset, but nothing happened — Yunis Hawwash, Feb 14 '17 at 07:51
In which case we need to see the HTML of your form, as what you have works absolutely fine: https://jsfiddle.net/eq67q7bz/ Please edit your question to include it — Rory McCrossan, Feb 14 '17 at 07:52
Everything must be ok if "form_employee_job" is id of your form tag. — Anton Zikov, Feb 14 '17 at 07:54
@RoryMcCrossan Here is the form code, it's about 360 line of code — Yunis Hawwash, Feb 14 '17 at 07:58
[How to create a Minimal, Complete, and Verifiable example](https://stackoverflow.com/help/mcve) — Andreas, Feb 14 '17 at 08:14

score 1 · Answer 1 · answered Feb 14 '17 at 08:28

1

If your form id isform_employee_job then everything should work as expected. All input field of Form will be cleared.

answered Feb 14 '17 at 08:28

Mohd Asim Suhail

score 1 · Answer 2 · answered Feb 16 '17 at 13:25

Maybe you're missing something else, outside of the code you've posted here?

Here's a working jsfiddle that might help you on your way. This example will reset the form when you press the button.

HTML

<form id='form_employee_job'>
  <input type='text'/>
</form>
<button id="btn">reset</button>

JS

$(document).ready(function() {
  $("#btn").on("click", function() {
    $("#form_employee_job")[0].reset();
  });
});

score 1 · Answer 3 · answered Aug 03 '17 at 08:59

I believe that your form might have POST data in the fields with the POST/GET request. In this case, form reset will not work.

I am not 100% sure if this is bug or the way it works.

If you have programmatically assined some values to the input, it might be able to not reset.

In order to achieve reset, you can empty the form inputs.

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

3 Answers3