清楚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按钮 } 
时间： 2025-01-07 19:15:00

清楚form表单数据的便捷jQuery之法的相关文章

form表单数据量很大时的查询和保存

目标:本周做了一个300多项的form表单查询和保存. 思考:之前做查询和保存,用的是提交后同步跳转:这次想使用不同的方式来做:采用了ajax异步查询和保存试试. 过程: 选择jQuery中的ajax函数和spring mvc框架,数据交互采用json形式 先写后台,类用了注解 @Controller@RequestMapping("/baController") 方法用了注解 @RequestMapping(value="/queryba.do", produce

SpringMVC4+thymeleaf3的一个简单实例（篇四：form表单数据验证）

关于表单数据验证有很多中方法,这里我仅介绍JSR303注解验证.JSR303仅仅是一个规范,这里我们要用到它的一个实现:hibernate-validator. 注意在spring的配置文件spring-mvc.xml中要有这句代码:<mvc:annotation-driven/>,有了它,spring框架会自动加载classpath的jsr303的实现. 开工之前,我们需要引入以下lib文件到WEB-INF/lib,并添加到classpath:validation-api-1.1.0.Fin

PHP通过get方法获得form表单数据方法总结

下面给大家带来具体的代码示例: 1.form表单代码示例(表单get提交) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <head>   <meta charset="utf-8">   <title>form表单get方法示例</title> </head> <body> <form action="/test/test.php" method="get&

Form 表单提交功能，jQuery实现

1 <form name="MYFORM" id="MYFORM"> 2 <input name="name" size="30" type="text" id="name" class="span12" placeholder="Name" /> 3 <input name="email" siz

form表单数据进行json转换

$.fn.serializeJson = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if(o[this.name]) { if(!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value |

element-UI之form表单数字值的校验

此处需要实现的功能:价格项必须为数字值 前端实现: 原文地址:https://www.cnblogs.com/python924/p/11812890.html

Jquery实现只提交部分Form表单数据

Jquery文档中serialize()方法的描述为:序列表表格内容为字符串. 以下是测试代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Jquery实现只提交部分Form

浏览器行为：Form表单提交

1.form表单常用属性 1 2 3 4 action:url 地址,服务器接收表单数据的地址 method:提交服务器的http方法,一般为post和get name:最好好吃name属性的唯一性 enctype: 表单数据提交时使用的编码类型,默认使用"pplication/x-www-form-urlencoded",如果是使用POST请求,则请求头中的content-type指定值就是该值.如果表单中有上传文件,编码类型需要使用"multipart/form-data

Django form表单的数据加载问题

今天在项目中遇到一个问题,有个django增删改查的模板页面,其中的编辑页面使用自定的form来构建的显示内容. 表单的数据时从数据库中查询出来展示的,当修改数据库的内容后,form的展示的信息并没有修改.当重启后,form的数据重新加载. 查了许多资料,都没有对form表单数据的加载时间的解答. 从现象来看,form的数据的加载时在服务启动时,就加载了.代码如下: view.py def testform(req):     form = testForms.testForm()     pr