form resetting in javascript

Question

I'm trying to reset a form with a confirm window. My html looks like:

<input type="reset" value="Reset" onclick="showReset();"/>

then for my javascript:

function doReset() {
    var formElements = document1.form1.elements;
    for (var i = 0; i < formElements.length; i++) {
        formElements[i].value = "";
        if (formElements[i].checked) {
            formElements[i].checked = false;
        }
    }
}

function showReset() {
    if (window.confirm("Do you really want to reset the form?")) {
        doReset();
    }
}

When I hit cancel on the confirm window, the form still gets reset and I'm not sure why. Thanks.

Community · Accepted Answer · 2017-05-23 11:47:58Z

If I understand the question, the point is to bypass the default behavior and use your function instead. You can prevent the default button action by adding a return false to the showReset() function.

function showReset(e) {
    if (window.confirm("Do you really want to reset the form?")) {
        doReset();
    }
    return false;
}

Also, make sure the onclick handler returns the results of showReset:

<input type="reset" value="Reset" onclick="return showReset();"/>

Alternatively, if you want default browser behavior and just want a confirm dialog, why not use a confirm only? Like so:

<input type="reset" value="Reset" onclick="return window.confirm('Do you really want to reset the form?');"/>

This is just a "what to do", but if you want to get more info, there's some good info in these threads:

Some Guy · Accepted Answer · 2011-10-26 04:01:25Z

2

It still gets reset because your input type is reset. Make that button or something and just use the form's reset method, like this:

document.form1.reset();

MDN Docs

answered Oct 26, 2011 at 4:01

Some Guy

16.2k10 gold badges61 silver badges68 bronze badges

Comments

LearningEveryday · Accepted Answer · 2011-10-26 06:36:18Z

0

Another way of doing it :

var r=confirm("Do you really want to reset the form?");  
if(r==true){  
//Reset logic  
}else{  
//Dont reset logic  
}

answered Oct 26, 2011 at 6:36

LearningEveryday

5841 gold badge3 silver badges14 bronze badges

Collectives™ on Stack Overflow

form resetting in javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related