`
HogwartsRow
  • 浏览: 59496 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

Jquery 清空表单数据

阅读更多

使用Jquery实现清除表单数据,功能点类似Button按钮的reset功能。

方法一:

<script type="text/javascript">

function clearFormData(objE){
    if(!confirm("将清空表单数据,是否继续?")){
        return;
    }
    $(objE).find(':input').each(
        function(){
            switch(this.type){
                case 'text':
                    $(this).val('');
                    break;
                case 'select-one':
                    $(this).val('');
                    break;
                case 'password':
                    $(this).val('');
                    break;
            }
        }
    );
}

</script>

其中,type="text"时,是指文本框;type="select-one"时,是指下拉框;type="password"时,是指密码框。

当然,文本域、单选按钮、多选框等这些都是支持de 。

 

方法二:

$(':input', '#myform').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');

大家可以尝试一下!

0
0
分享到:
评论

相关推荐

    jquery清空表单数据示例分享

    本知识点将详细介绍如何使用jQuery清空表单数据,并提供具体的代码示例。 ### jQuery清空表单数据的方法 在jQuery中,清空表单数据主要有两种方法:一种是逐个清空表单内的输入元素的值,另一种是移除表单内的所有...

    jquery获取表单值

    在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、...

    使用jQuery重置(reset)表单的方法

    总的来说,重置表单在jQuery中可以通过调用DOM元素的`.reset()`方法或者手动清空每个输入字段来实现。选择哪种方法取决于具体的需求和场景,但通常情况下,直接使用`$(‘#yigeform’)[0].reset();`是既简单又有效的...

    jquery动态表单

    jQuery的`serialize()`方法可以将表单的所有数据转换为URL编码的字符串,便于发送到服务器。例如: ```javascript var formData = $('#myForm').serialize(); $.ajax({ url: '/submit', data: formData, type...

    jquery实现通过按钮弹出表单

    // 获取表单数据 // 在这里可以进行数据验证、发送Ajax请求等操作 console.log(formData); // 提交成功后关闭表单 $("#formContainer").hide(); }); }); ``` 在上述代码中,`$(document).ready()`函数确保在...

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

    在jQuery或原生JavaScript中,可以通过ID选择器获取到这个表单元素,然后调用`reset()`方法来清空表单数据: ```javascript $("#addGoodsForm")[0].reset(); ``` 这里`[0]`是获取到DOM元素,因为jQuery对象是一个...

    JQuery.form表单提交参数详解.txt

    - 用途:提交成功后是否清空表单的值。 - 示例:`clearForm: true`。 8. **`resetForm`**(可选): - 用途:提交成功后是否重置表单的状态。 - 示例:`resetForm: true`。 9. **`timeout`**(可选): - ...

    jQuery实现form表单reset按钮重置清空表单功能

    有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: &lt;form&gt; &lt;input name=”name1″ /&gt; &lt;input name=”name1″ /&gt; &lt;textarea name=”...

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

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

    jquery实现表单搜索利器

    在本文中,我们将深入探讨如何使用jQuery这一强大的JavaScript库来实现高效的表单搜索功能,将它转化为开发者的利器。jQuery简化了DOM操作、事件处理和动画制作,使得创建交互式的网页变得更为简单。在现代Web应用中...

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

    在实际应用中,这些方法可以与jQuery的其他功能结合使用,如AJAX请求($.get, $.post, $.ajax等),以便在用户交互时动态处理表单数据。例如,当点击id为"test"的按钮时,`queryString`可以通过`formSerialize`获取...

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

    在进行网页开发时,清空表单数据是一个常见的需求。本文将介绍两种在JavaScript中实现清空表单数据的方法:一种是通过遍历表单元素,另一种是通过触发reset按钮。这两种方法各有其适用场景和优势,下面将详细解释这...

    一个基于jquery的页面表单草稿自动保存代码

    当type为submit、reset,并且class为fas的时候,能够自动清空所有草稿数据 此插件的局限性,此插件用于非现代浏览器(非HTML5)的时候比如ie6,7,因为浏览器对cookie的总大小有限制为4096字节,所以并不适用于文章内容...

    jQuery表单验证插件Validform

    此外,Validform的API提供了丰富的接口供开发者进行二次开发和扩展,如`resetForm()`用于清空表单数据,`getType()`获取字段验证类型等。 总的来说,jQuery表单验证插件Validform凭借其强大的功能和易用性,成为了...

    jQuery问卷调查表单在线编辑代码.zip

    4. **异步提交**:使用jQuery的`$.ajax()`或`$.post()`方法,可以实现无需刷新页面即可发送表单数据至服务器,实现数据的实时保存。 5. **表单重置与填充**:利用jQuery,可以轻松地清空表单或者填充预设数据,方便...

    jQuery select表单提交省市区城市三级联动

    本文将详细介绍如何使用jQuery来实现这样的功能,结合select表单,实现数据的动态提交。 首先,我们需要理解jQuery的基本用法。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。...

    jquery搜索表单过滤效果.rar

    在这个“jquery搜索表单过滤效果.rar”压缩包中,我们重点关注的是如何利用jQuery来实现一个搜索表单的实时过滤功能,特别是在C#环境中与前端交互的情景。 在网页应用中,搜索表单通常用于帮助用户快速找到他们感...

Global site tag (gtag.js) - Google Analytics