清楚form表单数据的便捷jQuery之法

有时候可能需要实现这样的效果：注册表单或者地址表单等填写多个记录之后，想要清除重新填写，如果一个个删除非常麻烦，因此这时清除按钮非常必须。接下来为您详细介绍两个自己经历的便捷方法，需要了解的朋友参考下：

方法一：

function clearForm(){

　　$(':input', form).each(function(){

　　　　var type=this.type;

　　　　var tagName=this.tagName.toLowerCase();

　　　　if(type=='text'||type=='password'||type=='textarea'){

　　　　　　$(this).val("");

　　　　}else if(type=='radio'||type=='checkbox'){

　　　　　　 this.checked = false;

　　　　　　或者：$(this).prop(false);

　　　　}else if(tag=='select'){

　　　　　　 this.selectedIndex = -1;

　　　　}

});

}

方法二：

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

转载于:https://www.cnblogs.com/renxiaoren/p/4953101.html

清楚form表单数据的便捷jQuery之法相关推荐

小程序将form表单数据写入云数据库
小程序将form表单数据写入云数据库  <view class='forms'><form bind ...
html post请求渲染,FastAPI框架入门基本使用, 模版渲染, form表单数据交互, 上传文件, 静态文件配置...
安装 pip install fastapi[all] pip install unicorn 基本使用(不能同时支持,get, post方法等要分开写) from fastapi import Fa ...
ajax提交form表单到php,ajax如何提交form表单数据？ajax提交form表单数据的方法介绍...
对于form表单数据的提交,我们一般都会想到使用ajax提交,那么,ajax如何来提交form表单数据呢?接下来的这篇文章就来给大家来介绍关于ajax提交form表单数据方法,有需要的伙伴可以参考一下 ...
html form表单数据转为json传输
html form表单数据转为json传输 from 表单 <form id="form1" name="form1" method="post ...
form表单数字校验（二）——邮箱校验-当前页面
form表单数字校验(二)--邮箱校验-当前页面效果代码 index.vue <el-form-item v-if='!isDisabled' label='邮箱'><el-in ...
Jquery 之ajax 提交form表单数据的方法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.form表单提交数组数据 1.jquery提交form表单 2.引入jquery.form.js 总结前言 &l ...
使用jQuery获取form表单数据并且打印在控制台
第一步:引入jQuery文件(这里是必须的)其他的配置文件按照个人需求引入 <link rel="stylesheet" type="text/css" ...
通过ajax提交form表单数据的几种方式
一.FormData方法作用: 模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式. 异步上传二进制文件使用在原生ajax中的使用 <form ...
form表单数据的提交与获取
最近写项目遇到的情况,搜索查看以后总结了一下关于form表单的提交与数据获取的方式. form表单的提交方式: 1.type=submit提交 input type="submit" ...
ajax提交form表单数据_[基础编程学习] [PHP7数组详解]：第2章（1）从表单提交数据说起...
读完本章节内容,您能得到以下知识: 定义和使用数组创建表单,并验证表单提交的数组创建简单的数组结构操作简单数组的值遍历数组结构将表单数据存入数组存入数组之前进行数据验证 # 2.1 为什么 ...

清楚form表单数据的便捷jQuery之法

清楚form表单数据的便捷jQuery之法相关推荐

最新文章

热门文章