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

有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码：

复制代码代码如下:

当点击提交之后，通过ajax将内容提交。
以前我是通过以下代码来清空表单

复制代码代码如下:

$("input").val('');
$("textarea").val('');

前些日子无意想到另外一个方法（如果知道下面的方法的朋友可以就此打住）：

复制代码代码如下:

//在form表单中添加一个隐藏的reset按钮，
<input type="reset" style="display:none;" />
//然后通过trigger来触发reset按钮
function subform(){
/* ...
*提交表单的代码部分
* ... */
$("input[type=reset]").trigger("click");//触发reset按钮 }

jQuery实现form表单reset按钮重置清空表单功能相关推荐

表单reset无法重置hidden的解决方案
方法一:用text代替hidden,设置text隐藏 <input id="id" name="id" style="display: none ...
表单reset重置按钮的作用并非是清空表单
不少初学者可能会认为表单元素的reset按钮是清空表单元素,其实并非如此. 看如下代码示例: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 ...
JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）
提交表单使用< input > 或 < button >标签都可以定义提交按钮,只要将type属性值设置为"submit"即可,而图像按钮则是通过将 &l ...
【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
文章目录一.按钮表单 1.普通按钮 2.提交按钮 3.重置按钮 4.图片按钮二.文件域一.按钮表单 1.普通按钮将 <input /> 标签的 type 属性设置为 button ...
Form表单提交按钮图片IE6下背景透明（js提交）
Form表单提交按钮图片IE6下背景透明(js提交) 我们知道光png图片在IE6下面透明方法很多,网上也很多,但是我今天遇到了个难题:form表单提交按钮png图片要求背景透明.我弄了半天,转个思 ...
vue 表单验证按钮事件交由父组件触发
vue 表单验证按钮事件交由父组件触发,不直接再子组件上操作的方法子组件: //内容部分 <Form ref="formCustom" :model="formC ...
动态生成form表单，不在为表单烦恼
form-create 具有动态渲染.数据收集.校验和提交功能的表单生成器,动态生成Form表单.支持双向数据绑定和事件扩展,组件包含有复选框.单选框.输入框.下拉选择框等表单元素以及省市区三级联动, ...
html表单按钮有,用好表单的按钮（一）_html
对于一个交互式表单,按钮是必不可少的.按钮一般分为两类,一类本身就具有特定的功能,叫做特殊按钮,如Submit(提交按钮)――用于传输用户所填写的信息至服务器.Reset(复原按钮)――清除所填写的信 ...
element form表单提交数据之后清空所有输入框
element form表单提交数据之后清空所有输入框首先el-form标签上的ref属性名和调方法名统一,还有要绑定所有表单数据的一个大对象就是 :model属性,然后prop属性绑定的值要和v- ...
【jeecg-boot项目开发crm】：day07JeecgBoot-零基础入门视频-05Online表单自定义按钮与JS增强Popup控件Online报表【p5】
Online表单自定义按钮与JS增强&Popup控件&Online报表[p5] Online表单自定义按钮与JS增强 JS增强的作用实现一些复杂的页面效果:页面的动态计算,页面字段的 ...

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

jQuery实现form表单reset按钮重置清空表单功能相关推荐

最新文章

热门文章