`

jquery 表单 清空

阅读更多

做了个复杂查询的页面,字段太多了,填了一次,想清空挺麻烦的

Java代码 复制代码 收藏代码

 

$('#myform')[0].reset();

虽然reset方法可以做到一部分,但是如果你有个元素是这样的

Java代码 复制代码 收藏代码

 

<input name="percent" value="50"/>

那么点击reset只会还原成50






于是乎,有了以下方法,网上浏览过来,

Java代码 复制代码 收藏代码

 

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

It is using the :input

selector which will match all input, textarea, select and button elements. Since we are passing #myform
as the second argument, it will only find inputs inside this form
element. Then it filters out all buttons, submits, resets and hidden
inputs using not()

. Then it is using val()

to set the value of the remaining fields to an empty string, and then it uses removeAttr

to remove the checked
and selected
attribute of the fields in case you have any radio/checkbox/select inputs. Tada.


很强大,包括了所有的情况
 
分享到:
评论

相关推荐

    jquery获取表单值

    除了获取表单控件的值外,还可以使用jQuery来控制这些元素的状态,例如清空内容、填充内容、改变选中状态等。 ##### 1. 文本框、文本域的操作 - 清空内容: ```javascript $("#text_id").val(''); ``` - 填充...

    jquery清空表单数据示例分享

    在jQuery中,清空表单数据主要有两种方法:一种是逐个清空表单内的输入元素的值,另一种是移除表单内的所有子元素,但通常后者的使用场景较少,因为这会导致丢失所有绑定的事件和验证信息。 #### 逐个清空输入元素...

    jquery实现通过按钮弹出表单

    本文将深入探讨如何使用jQuery实现通过按钮触发弹出式表单的功能,这个功能广泛应用于用户的新建操作、数据导入等功能,极大地提升了用户体验。 首先,我们需要在HTML页面中设置一个按钮和一个隐藏的表单。按钮将...

    jquery动态表单

    如果需要清空整个表单,可以使用`reset()`方法。但需要注意的是,这个方法只对原生HTML表单元素有效,对于动态添加的元素,可能需要手动清除。 综上所述,jQuery动态表单提供了一套强大的工具,让开发者能够轻松...

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

    从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...

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

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

    jQuery表单验证插件Validform

    **jQuery表单验证插件Validform** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止错误数据的提交,提高用户体验并减轻服务器端的处理负担。jQuery是一个轻量级、高性能的...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    10个超棒jQuery表单操作代码片段

    【jQuery表单操作】jQuery作为一个强大的JavaScript库,极大地简化了前端开发,特别是在处理表单交互时。以下将详细解析给出的四个代码片段,这些代码片段旨在优化和控制表单的行为。 1. **禁止通过回车键提交表单*...

    几个实用的 jQuery 表单操作代码片段

    以下是一些实用的jQuery表单操作代码片段,它们涵盖了表单的常见需求。 1. **禁用‘回车键’提交表单**: 当用户在表单中按下回车键时,有时我们不希望表单被意外提交。通过监听 `keypress` 事件,我们可以阻止...

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

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

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

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

    很强大jquery表单验证插件jquery.validate.js api.pdf

    总结起来,`jQuery Validate.js`插件是一个功能强大且灵活的工具,它简化了前端表单验证的复杂性,提供了一套完整的验证规则和事件机制,使得开发者可以快速构建健壮的表单验证系统,同时支持自定义扩展,满足不同...

    jQuery表单省市区城市三级联动特效代码

    3. 在接收到服务器返回的数据后,清空第二个(城市)的选项,然后根据数据动态创建新的元素并添加到中。 4. 同样的,当第二个的值改变时,再次发送请求获取对应的区县列表,更新第三个。 5. 为了初始加载页面时也能...

    datetimepicker加上清空功能

    "datetimepicker"是一种常用的组件,它允许用户方便地选择日期和时间,广泛应用于表单填充、事件预订等场景。在这个特定的问题中,我们关注的是如何在Bootstrap的datetimepicker组件上添加清空功能。 Bootstrap是一...

    jquery表单制作text文本框autocomplete智能搜索提示框效果

    // 清空之前的提示 data.forEach(function(item) { suggestions.append("&lt;li&gt;" + item + "&lt;/li&gt;"); }); } }); } else { $("#suggestions").empty(); // 关键词长度不够,隐藏提示 } }); }); ``` 5. **...

    基于Jquery实现表单验证

    最后,虽然本文介绍的是使用Jquery进行表单验证的方法,但是随着前端技术的发展,很多现代前端框架如React、Vue和Angular都提供了更为高效和简便的表单验证机制。开发者可以根据项目需要和个人喜好选择合适的技术栈...

    jQuery手机移动端注册表单验证代码

    8. **表单重置**:在验证失败后,如果用户更正了输入,记得清空之前的错误提示,可以使用`.empty()`或修改文本内容实现。 通过以上步骤,我们可以创建一个基于jQuery的手机移动端注册表单验证功能。在实际开发中,...

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

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

Global site tag (gtag.js) - Google Analytics