`
wing123
  • 浏览: 789734 次
  • 性别: 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);"/>

 

 

 

分享到:
评论

相关推荐

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

    主要给大家介绍了基于React实现表单数据的添加和删除的方法,文中给出了详细的示例供大家参考,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。

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

    主要介绍了vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

    antd+vue实现动态验证循环属性表单的思路 ...一个是可动态添加的循环表单form,另一个为普通表单dateForm html  &lt;a-form :form="form" @keyup.enter.native='searchQuery'&gt; &lt;div class="dynamic-wrap"&gt; (item,

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

    主要介绍了vue+ElementUI 关闭对话框清空验证,清除form表单的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

    最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法 表单: &lt;form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"&gt; 主题内容 &lt;/form&gt...

    Zebra_Form表单类 v2.9.4.zip

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

    js清空表单数据的两种方式(遍历+reset)

    清空FORM表单内容 id:表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i &lt; objId.elements.length; i++) { if (objId....

    微信小程序---提交表单后清空输入框

    表单重置时会触发reset事件,在formreset事件中提交数据就行了,不过这样不能使用event.detail获取输入值了,要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了...

    iview form清除校验状态的实现

    主要介绍了iview form清除校验状态的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    PHP 表单提交及处理表单数据详解及实例

    先来看一下html form表单的源码: &lt;html&gt; &lt;head&gt; &lt;title&gt;Feedback Form&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form action="feedback.php" method="post"&gt; Name:&lt;input ...

    vue实现重置表单信息为空的方法

    今天小编就为大家分享一篇vue实现重置表单信息为空的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    Vue 一键清空表单的实现方法

    主要介绍了Vue 一键清空表单的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    物业管理系统

    ,key,,1)key=‘系统数据设定‘=this.listview1.listitems.add(,,key,,1)在“经营部”的click事件中添加代码为:this.parent.listview1.listItems.clear &&清除数据this.parent.listview1.view=2 &&设置视图显示方式*...

    qml-form-elements:一组 Qt 快速控件,其行为有点像在 HTML 中

    目标是拥有输入元素,例如在⏎按下时保存数据。 立即让您的 QML 应用程序键盘可控! 例子 您可以使用qmlscene运行示例表单。 无需编译任何 C++: qmlscene qml-form-elements/main.qml 支持的元素 表格 标签 ...

    Layui带搜索的下拉框的使用以及动态数据绑定方法

    今天要介绍的就是layui的form表单组件里的带查询的下拉框。 用任何插件都需要引用相应的css文件和js文件,在这就不多说了。但layui的form表单组件不仅要引用插件还需要加载相应的模块,少了这两步操作,select、...

    jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)

    1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到...

    Zebra_Form 2.9.4.zip

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

    Form filler-crx插件

    只需安装Form Remember All,我们将确保您输入的任何数据(直到最后2秒钟)都是安全的。 您可以安全地单击“后退”按钮,关闭页面,然后再打开,然后关闭浏览器,然后再打开–我们已为您提供帮助。 到达之前输入数据...

Global site tag (gtag.js) - Google Analytics