`
wing123
  • 浏览: 799803 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Form表单数据清除

 
阅读更多

Form表单自带的reset按钮,是将表单值重置为其默认值,如果需要清空表单数据这个功能就不满足要求了,需要自己实现该功能

 

 

function clearForm(objE){//objE为form表单
        $(objE).find(':input').each(
            function(){
                switch(this.type){
                    case 'passsword':
                    case 'select-multiple':
                    case 'select-one':
                    case 'text':
                    case 'textarea':
                        $(this).val('');
                        break;
                    case 'checkbox':
                    case 'radio':
                        this.checked = false;
                }
            }
        );
    }

 

html

 

 

<input type="button" value="重置" onclick="clearForm(this.form);"/>

 

 

 

分享到:
评论

相关推荐

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

    "漂亮的form表单"这个主题关注的是如何创建既美观又功能强大的表单,以提高用户体验并提升网站的整体视觉效果。下面将详细介绍关于form表单的相关知识点。 1. **HTML表单基础** HTML中的`&lt;form&gt;`标签用于定义表单...

    基于React实现表单数据的添加和删除详解

    "基于React实现表单数据的添加和删除详解" React是Facebook开发的一款开源JavaScript库,用于构建用户界面。它基于组件的概念,允许开发者将UI分解为独立、可重用的组件,从而提高代码的可维护性和可读性。React中...

    vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作

    `msg`用于设置对话框的标题,而`form`则用于填充表单数据。为了在每次打开表单时清空数据,我们可以利用`el-form`提供的`resetField()`方法。在对话框打开时调用此方法,可以清除表单的所有字段。同样,当对话框关闭...

    基于elementui的form表单实现的一个高拓展性的表格布局组件

    通过自定义事件,我们可以将表单数据传递到父组件进行处理,实现业务逻辑。 6. **扩展性设计**:为了使组件更易于拓展,我们可以设置接口供外部传入自定义配置,比如表单元素类型、验证规则、样式等。这样,开发者...

    form表单验证板模板

    在网页开发中,表单(Form)是收集用户数据的重要工具,而表单验证则是确保用户输入的数据符合预期格式和规则的关键步骤。本教程将详细讲解如何使用HTML、JavaScript中的`onfocus()`和`onblur()`事件来实现邮箱注册...

    form表单验证技巧

    ### Form表单验证技巧 #### 一、背景介绍 在Web开发中,表单验证是一项非常重要的任务。它能够确保用户提交的数据符合预期格式,从而提高数据处理的准确性和安全性。其中,对于数字和字母的验证尤其常见。本文将...

    ant-design-vue3.x的form表单爬坑.pdf

    对于动态表单和复杂表单结构,可能需要重新设计数据模型和表单逻辑,确保与新版本的API保持一致。 在升级到Ant Design Vue 3.x时,建议做以下几点: 1. 全面检查现有的表单组件,确保所有的`:prop`和`:name`属性...

    js清空form表单中的内容示例

    本示例提供了一个全面的方法,涵盖了多种表单元素类型,确保可以有效地清除所有相关数据。以下是详细的知识点解析: 1. **获取表单对象**: 首先,通过`document.getElementById(id)`方法获取指定ID的表单元素。...

    vue+ElementUI 关闭对话框清空验证,清除form表单的操作

    本文将详细讲解如何在Vue+ElementUI环境中解决这个问题,即在关闭对话框时清空验证和清除表单数据。 首先,我们需要在对话框的取消按钮上添加一个点击事件,例如: ```html ('addGroupData')"&gt;取消 ('...

    清空表单标签js

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

    微信小程序简单实现form表单获取输入数据功能示例

    本示例将详细介绍如何简单实现form表单获取输入数据的功能。 1、效果展示: 在这个示例中,我们创建了一个包含用户名和密码输入框的简单登录界面。用户在输入框中填写信息后,可以点击“登录”按钮提交表单,或点击...

    layui清空,重置表单数据的实例

    在处理表单数据时,可以结合layui的其他API,如`form.val()`获取表单数据,`form.on('submit(...)', callback)`监听表单提交等,来提高代码的可维护性和可扩展性。 总结一下,layui清空和重置表单数据主要通过以下...

    【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx

    首先,我们需要将表单分为两部分:一个是可以动态添加的循环表单`form`,另一个是普通表单`dateForm`。循环表单用于处理多个属性行,而普通表单则包含其他非循环的输入。 在HTML模板中,我们可以使用Vue的`v-for`...

    jquery表单验证插件jquery.form.js.pdf

    这个插件通过提供一套易于使用的API,帮助开发者能够轻松地处理表单数据的收集、序列化以及提交。 文档中提到的`ajaxForm`方法是jquery.form.js插件中的一个重要函数,它用于在文档的DOM加载完成后绑定一个表单,...

    jQuery Form 表单提交插件的各类api应用.pdf

    总结来说,jQuery Form插件的这些API为开发者提供了强大的表单操作能力,使得在处理表单数据时能够更加精细和高效。通过熟练掌握这些API,可以提升表单交互体验,简化前端开发工作。在实际项目中,可以根据具体需求...

    Zebra_Form表单类 v2.9.4.zip

    Zebra_Form 是一个 PHP 类用于简化表单的创建和数据验证的php表单类。   Zebra_Form 2.9.4 更新日志: ◾修正在那里提交的值是通过PHP的“ヶ辆”传递函数只有在元素的“ disable_xss_filters ”属性未设置为TRUE...

    第31章 Form(表单)组件1

    4. `clear()`: 清除表单数据。 5. `reset()`: 重置表单数据,恢复到初始状态。 6. `validate()`: 验证表单字段,所有字段有效时返回true,使用validatebox插件。 7. `enableValidation()`: 启用表单验证。 8. `...

Global site tag (gtag.js) - Google Analytics