`
Rainbow702
  • 浏览: 1076699 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类

JQuery中如何重置(reset)表单

阅读更多

由于JQuery中,提交表单是像下面这样的:

$('#myform').submit() 

 

所以,想当然的认为,重置表单,当然就是像下面这样子喽:

$('#myform').reset()

 

但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!

后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。

那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:

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

 

也就是通过调用 DOM 中的reset方法来重置表单。

分享到:
评论

相关推荐

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

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

    jquery js 重置表单 reset()具体实现代码

    总的来说,虽然jQuery没有内置的`reset()`方法,但通过结合使用jQuery选择器和JavaScript原生的`reset()`方法,我们可以轻松地实现表单重置功能。在处理大量表单元素时,应考虑更高效的方法,如一次性清空所有`input...

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

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

    jquery动态表单

    在IT行业中,jQuery是一个非常...而"动态添加input"这个文件名,可能是一个示例代码或教程,用于演示如何利用jQuery动态添加输入框到表单中。通过学习和实践这样的示例,开发者可以更好地掌握jQuery动态表单的运用。

    jQuery中:reset选择器用法实例

    :reset选择器是jQuery选择器中的一种,专门用来选取表单中的重置按钮。当需要对页面中的重置按钮进行特定操作时,比如改变样式或绑定事件,:reset选择器就显得非常有用。 在详细说明之前,让我们先了解一下jQuery...

    强大的jQuery拖拽式表单设计器特效.zip

    在这个拖拽式表单设计器中,jQuery提供了跨浏览器的API,使得表单元素的选取、操作和动态行为变得更加简单。 2. **拖放功能**:该特效的核心在于其拖放功能,这是通过HTML5的拖放API实现的。用户可以将预设的表单...

    jquery 表单验证插件Validform插件制作一行代码搞定整站的jquery表单验证

    在网页开发中,表单验证是必不可少的一部分,它能确保用户输入的数据符合预设的规则,从而提高数据的准确性和安全性。jQuery Validform是一款强大的表单验证插件,它以其简洁的API和高度可定制化的特点,在前端开发...

    jQuery表单个人信息格式验证代码

    这个压缩包中的`reset.css`文件可能是用于重置浏览器默认样式,提供一个干净的样式起点。`index.html`是主页面,包含了HTML结构以及对jQuery和验证脚本的引用。而`js`目录可能包含了具体的验证逻辑,可能是一个独立...

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

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

    jquery选择器及jquery表单操作

    - `$("input:reset")`选取所有的重置按钮。 - `$("input:button")`选取所有的普通按钮。 - `$("input:file")`选取所有的文件上传控件。 - `$("input:hidden")`选取所有的隐藏输入框。 #### 状态选择器 - `":...

    jquery表单绑定

    - `reset()`方法可以重置表单的所有控件到初始状态。 ### 项目资源 在提供的压缩包中,`index.html`可能是示例网页,它可能包含了一个使用jQuery进行表单绑定的实例。`jb51.net.txt`可能是一份教程或笔记,记录了...

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

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

    jQuery表单个人信息格式验证代码.zip

    上述代码中,我们获取了表单中姓名和邮箱的值,并进行了相应的验证。如果输入不符合规则,会弹出警告并阻止表单提交。此外,jQuery提供了许多方便的方法来进行DOM操作,例如`val()`用于获取或设置元素的值,`trim()`...

    jQuery前端UI框架表单样式代码

    4. 表单重置:使用`.reset()`方法恢复表单初始状态。 在压缩包中的"jiaoben8387"文件可能是一个示例项目或库的主文件,包含了所有相关的脚本和样式。为了使用它,你需要将其解压并引入到你的HTML项目中,然后根据...

    JQuery快速自学教程

    - 展示了如何通过JQuery为表单添加重置功能,包括重置单个表单和批量重置所有表单。 - 通过超链接绑定点击事件,并调用表单的reset()方法来实现重置功能。 6. 过滤不需要的元素: - 介绍了filter()和not()方法的...

    Validate通用表单验证Jquery插件.zip

    在实际使用中,"Validate通用表单验证Jquery插件"包含了`reset.css`样式重置文件,确保在不同浏览器间的一致显示;`demo.html`是示例页面,开发者可以通过查看和修改这个文件了解如何配置和使用验证规则;`lib`目录...

Global site tag (gtag.js) - Google Analytics