如何在提交后自动清空表单中的字段答案

【问题标题】：How to AUTO-EMPTY fields in a form AFTER submission如何在提交后自动清空表单中的字段
【发布时间】：2012-04-16 23:33:27
【问题描述】：

我在我的网站上使用此 (http://www.j-download.com/demo/demo-j-dcontact.html) 表单。它工作得很好，但唯一的问题是成功提交后所有字段仍然填写。有人可以帮我解决这个问题吗，我希望这些字段在成功提交后自动清空..

谢谢。

【问题讨论】：

使用reset()函数；表单提交后是这样的：$('#myForm').reset();。您还可以使用$('#myForm').find(':input').each(); 遍历所有给定的表单元素。
谢谢大家。我现在通过在表单提交后将document.getElementById("form").reset(); 添加到表单的模板 .php 文件中来完成此操作

标签： javascript jquery forms joomla form-submit

【解决方案1】：

可以在帖子和it is explained here 之后使用 jquery 或 raw javascript 实现

此脚本来自该站点（以防链接失效）

function clear_form_elements(ele) {
    $(ele).find(':input').each(function() {
        switch(this.type) {
            case 'password':
            case 'select-multiple':
            case 'select-one':
            case 'text':
            case 'textarea':
                $(this).val('');
                break;
            case 'checkbox':
            case 'radio':
                this.checked = false;
        }
    });
}

你也可以reset()表单

【讨论】：

谢谢大家。我现在通过在表单提交后将document.getElementById("form").reset(); 添加到表单的模板 .php 文件中来完成