在JSP中成功提交表单后清除表单字段

clear form field after successful submitted the form in jsp

本文关键字：表单 字段 清除 提交 JSP 成功      更新时间：2023-09-26

我有一个很少归档的表格。提交表格后，数据存储在数据库中，我将返回同一页面。现在，如何在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>

重置不会每次都重置所有字段。

如果你使用纯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;
    }
}

只需使用以下代码段，

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

我的表单将是您的表单 ID。并请参考此链接

相关文章：