`

JS 清除表单内容

 
阅读更多
<script type="text/javascript">
function clearForm(form)
{
    var formObj = document.getElementsByName(form)[0];
    if(formObj == undefined)
    {
        return;
    }
    
    for(var i=0; i<formObj.elements.length; i++)
    {
        if(formObj.elements[i].type == "text")
        {
            formObj.elements[i].value = "";
        }
        else if(formObj.elements[i].type == "password")
        {
            formObj.elements[i].value = "";
        }
        else if(formObj.elements[i].type == "radio")
        {
            formObj.elements[i].checked = false;
        }
        else if(formObj.elements[i].type == "checkbox")
        {
            formObj.elements[i].checked = false;
        }
        else if(formObj.elements[i].type == "select-one")
        {
            formObj.elements[i].options[0].selected = true;
        }
        else if(formObj.elements[i].type == "select-multiple")
        {    
            for(var j = 0; j < formObj.elements[i].options.length; j++)
            {
                formObj.elements[i].options[j].selected = false;
            }
        }
        else if(formObj.elements[i].type == "file")
        {
            //formObj.elements[i].select();
            //document.selection.clear();             
            // for IE, Opera, Safari, Chrome
            var file = formObj.elements[i];
             if (file.outerHTML) {
                 file.outerHTML = file.outerHTML;
             } else {
                 file.value = "";  // FF(包括3.5)
            }
        }
        else if(formObj.elements[i].type == "textarea")
        {
            formObj.elements[i].value = "";
        }
    }
    
}
</script

 

分享到:
评论

相关推荐

    使用JavaScript 完成表单的自动计算

    当我们需要在表单中实现数据的实时计算时,JavaScript就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...

    清空表单标签js

    在JavaScript(简称JS)中,清空表单标签通常是网页交互中常见的操作,尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能,以及相关...

    JS表单验证与JS常见问题解决方案

    JavaScript,作为一种广泛应用于Web开发的脚本语言,其在处理用户交互、特别是表单验证方面起着至关重要的作用。在创建动态和响应式的网页时,JS表单验证是确保数据质量和用户输入有效性的关键环节。以下是一些关于...

    js实时动态验证表单是否合法

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...

    validation js表单验证

    "Validation JS"是一种流行的JavaScript库,专门用于客户端的表单验证。它允许开发者轻松地定义验证规则,并在用户提交表单前进行实时检查。 **1. 基本概念** - **JavaScript表单验证**:JavaScript是一种在浏览器...

    javascript表单正则验证自定义提示

    标签"javascript 表单 正则 验证 自定义提示"概括了这一话题的主要内容:使用JavaScript进行表单验证,利用正则表达式检查输入,以及通过自定义提示提供更好的用户反馈。在实践中,这些技术可以帮助开发者创建更加...

    JavaScript验证注册表单(包含多种表单元素)

    成功验证后,可以手动提交表单(`form.submit()`)或清除表单(`form.reset()`)。 9. **错误提示**:验证过程中,应提供清晰的错误提示。可以修改元素的样式(如添加红色边框)或显示警告信息。 10. **表单封装与...

    js表单验证

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具,特别是在表单验证方面。表单验证是确保用户输入数据有效性和安全性的关键步骤,可以减少服务器端的压力,提升用户体验,防止无效或恶意的...

    通用的JS表单验证

    "通用的JS表单验证"这个主题聚焦于如何利用JavaScript来确保用户在网页表单中输入的数据符合预设的规则,从而提高数据质量和用户体验。下面我们将深入探讨这个话题。 首先,表单验证是网页开发中的关键部分,它能...

    js表单特效

    - **自动提示和清除提示**:在输入框为空时显示提示文字,输入内容后提示文字消失,可以使用`placeholder`属性结合JavaScript来实现。 - **实时验证**:通过监听`input`事件,实时检查用户输入,如验证邮箱格式、...

    JavaScript日历代码,验证页面表单输入数据代码

    5. 表单字段状态管理:设置或清除输入字段的错误状态,以改变其视觉样式,提醒用户注意。 在实际应用中,这两个文件可能被整合到一个项目中,提供一个完整的解决方案,既允许用户方便地选择日期,又确保输入数据的...

    JavaScript表单验证模板

    8. **表单重置**:当用户输入符合规范后,可以清除错误消息,重置表单状态,让用户继续填写。 9. **异步验证**:对于复杂的验证需求,如检查用户名是否已存在,可以使用Ajax异步请求向服务器发送数据,获取验证结果...

    JS表单二级联动

    ### JS表单二级联动知识点详解 #### 一、概述 在网页开发中,表单是收集用户信息的重要工具之一。为了提升用户体验并增加交互性,开发者常常需要在表单中加入各种高级特效,如二级联动等。所谓**二级联动**,通常指...

    漂亮的form表单-漂亮的form表单

    使用CSS和JavaScript可以创建自定义的表单组件,比如带有清除按钮的输入框、滑块控件等,提升用户体验。 6. **响应式设计** 表单应具有响应式设计,确保在手机、平板电脑和桌面设备上都能良好显示。可以使用媒体...

    mootools 表单验证

    MooTools 是一个轻量级且强大的JavaScript库,它提供了一系列工具和方法来简化Web开发中的各种任务,包括DOM操作、事件处理、动画效果以及,如我们这里讨论的,表单验证。在提交表单时进行验证是确保数据质量、防止...

    JS实现表单输入正则表达式验证功能源码.zip

    本压缩包中的"JS实现表单输入正则表达式验证功能源码.zip"提供了使用JavaScript进行表单验证的方法,主要涉及以下几个核心知识点: 1. **正则表达式**:正则表达式(Regular Expression)是一种强大的文本处理工具...

    JavaScript表单验证控制代码大全

    在"js表单验证控制代码大全1.txt"、"js表单验证控制代码大全3.txt"、"js表单验证控制代码大全2.txt"这三份文档中,很可能会包含上述各种验证方法的具体实现,包括示例代码和实用技巧,供开发者参考和学习。...

    js表单效验.txt

    根据给定文件的信息,我们可以总结出关于JavaScript表单验证的相关知识点。这些知识点涵盖了常见的表单字段验证需求,例如文本输入、长度限制、字符类型检查、密码一致性验证等。 ### JavaScript表单验证概述 表单...

    javaScript表单验证

    ### JavaScript表单验证知识点详解 #### 一、概述 JavaScript 表单验证是前端开发中的一个常见需求,它能够帮助开发者在用户提交表单前进行数据校验,从而避免不必要的服务器请求并提升用户体验。本文将详细介绍几...

Global site tag (gtag.js) - Google Analytics