clear form field after successful submitted the form in jsp

Question

I have a form with few filed. Once i submit the form the data is stored in database and i will return to the same page. Now, How to clear the fields in the form in jsp??

<form class="form-horizontal col-lg-8" action="addDonationCamp" method="GET">
    <div class="form-group">
        <label for="location" class="col-sm-3 control-label">Location</label>
        <div class="col-sm-8">
            <input type="text" name="location" class="form-control" id="location" placeholder="Location" value="${fn:escapeXml(param.location)}">
            <label class="errorColor">${message.location}</label>
        </div>
    </div>
     <div class="form-group">

    <div class="form-group">
        <label for="description" class="col-sm-3 control-label">Description</label>
        <div class="col-sm-8">
    <div class="form-group">
        <div class="col-sm-offset-5 col-sm-10">
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>

document.getElementsByClassName("form-horizontal")[0].reset(); or document.getElementById("myForm").reset(); (if you keep id of form as "myForm") — Nielarshi, Mar 06 '15 at 05:26
nielarshi thank for help. this is not the solution for my problem. — pradip, Mar 06 '15 at 05:34

Nielarshi · Answer 1 · 2015-03-06T19:10:58.070

Reset doesn't reset all fields, everytime.

You can have something like this if you are using pure Javascript,

var formElements = document.getElementById("myForm").elements;
var fieldType = "";
for (i = 0; i < formElements.length; i++)
{
    fieldType = formElements[i].type.toLowerCase();
    switch (fieldType)
    {
    case "text":
    case "password":
    case "textarea":
    case "hidden":
        formElements[i].value = "";
        break;
    case "radio":
    case "checkbox":
        if (formElements[i].checked)
        {
            formElements[i].checked = false;
        }
        break;
    default:
        break;
    }
}

score 0 · Answer 2 · edited May 23 '17 at 11:54

0

Simply use the following piece of code,

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

myform would be your form id. And plese refer this link

edited May 23 '17 at 11:54

Community

1
1

answered Mar 06 '15 at 06:21

Vinoth Krishnan

2,925
6
29
34

clear form field after successful submitted the form in jsp

2 Answers2