jQuery .reset function is Not working under particuller button click

Question

I've two forms on same page and I've following code:

Working for education form:

$(".add-education").on('click', function (e) {
    $('.education-edit').slideDown();
    $('.education-view').slideUp();
    $("#educ_form").reset();
    e.preventDefault();
});

Working for experience form:

$(".add-experience").on('click', function (e) {
    $('.experience-edit').slideUp();
    $('.experience-view').slideDown();
    $("#exp_form").reset();
});

Here is fiddle

What I'm missing..? Please help.

Can you share executable demo/snippet or [JSFiddle](https://jsfiddle.net/) ? [_Create a Minimal, Complete, and Verifiable example_](http://stackoverflow.com/help/mcve) — Rayon, Sep 06 '16 at 11:37
For both form the code is working? Please describe your question like what part is not working. — Rahul Patel, Sep 06 '16 at 11:37
Put the actual problem in your question, not just in the title. For people who barely pay attention to titles, your question has no point to it. — epascarello, Sep 06 '16 at 11:40
What button do you click? What happens next? Any error messages? What did you expect to happen? — Klas Lindbäck, Sep 06 '16 at 13:23

score 1 · Answer 1 · answered Sep 06 '16 at 11:37

1

Change this line:

$("#educ_form").reset();

into:

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

Why?

.reset() isn't a jQuery function, and should be executed on the element, rather than the jQuery object. By going to the [0] (first array value). You access the getElementById() version.

answered Sep 06 '16 at 11:37

roberrrt-s

7,914
2
46
57

Its working for educ_form but not woking in add-experience button click – Govind Samrow Sep 06 '16 at 12:03
Add your html please – roberrrt-s Sep 06 '16 at 12:07
Fiddle added @Roberrrt – Govind Samrow Sep 06 '16 at 12:14
#educ_form doesn't exist in your HTML. – roberrrt-s Sep 06 '16 at 12:18

jQuery .reset function is Not working under particuller button click

1 Answers1