jQuery won't clear form

Question

I KNOW this question has been asked numerous times as I have used this website's solutions to no avail. I currently have this implementation:

$("input:reset").click(function () {
    $('#answer_2').html('License number is not long enough');
    $('#answer_1').html('');
    $('#data_entry').each (function(){
        this.reset();
    });
});

I know the selector is correct as the two html changes (I put them in to confirm I was selector for the reset button click correctly) occur as they should.

Here is my form declaration:

<form name="data_entry" id="data_entry" method="post" action="">

The problem is I keep getting the error that there is no 'reset' function and the form is never cleared. This is my most recent attempt at following answers to this problem on stackoverflow site. Please help.

@AurelioDeRosa -I tried the method there also, did not work. So, not a duplicate. But, thanks. — Henry Geiter, Nov 19 '13 at 23:48
@HenryGeiter No, you tried it wrong. You used the reset inside the each() method and you should not. — Aurelio De Rosa, Nov 19 '13 at 23:49
@HanletEscaño It is a reset button - here is the code . Didn't work — Henry Geiter, Nov 19 '13 at 23:50
@PSL - no, all unique ids. But, good thought. Thanks anyway. — Henry Geiter, Nov 19 '13 at 23:51
@HenryGeiter Why are you using a `$.each` for a single item in that case? — PSL, Nov 19 '13 at 23:52
@PSL - I am trying to empty all the fields in form data_entry. — Henry Geiter, Nov 19 '13 at 23:56

score 2 · Answer 1 · answered Nov 19 '13 at 23:44

2

Why reset when you want to clear/empty?

this.empty();

might do the trick?

answered Nov 19 '13 at 23:44

Daryl Gill

5,464
9
36
69

Machavity · Accepted Answer · 2013-11-19T23:54:03.470

1

Your each is wrong and it's unnecessary.

$('#data_entry').get(0).reset();

This should work because you got the right element but $() returns a jQuery object, not a DOM element. get will grab your DOM element and then you can use reset() (which is not a jQuery function)

edited Nov 19 '13 at 23:54

answered Nov 19 '13 at 23:47

Machavity

30,841
27
92
100

That worked perfect. That is my preferred answer, although @Daryl Gill above did the trick too. – Henry Geiter Nov 19 '13 at 23:58

jQuery won't clear form

2 Answers2