jQuery实现form表单reset按钮重置清空表单功能
有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码:
代码如下:
<form>
<input name="name1" /><br/>
<input name="name1" /><br/>
<textarea name="content"></textarea>
<a href="javascript:void(0)" onclick="subform()">提交</a>
</form>
当点击 提交 之后,通过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插件使用详解_动力节点Java学院整理
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.
-
jQuery实现form表单基于ajax无刷新提交方法详解
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o
-
基于Bootstrap+jQuery.validate实现Form表单验证
基于Bootstrap jQuery.validate Form表单验证实践项目结构 : github 上源码地址:https://github.com/starzou/front-end-example 1.form 表单代码[html] 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>Bootstrap Form Template</title>
-
jQuery EasyUI API 中文文档 - Form表单
Form 表单 用法 复制代码 代码如下: <form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form . 复制代码 代码如下: $('#ff').form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提
-
jQuery-serialize()输出序列化form表单值的方法
实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语
-
jquery实现ajax提交form表单的方法总结
方法一: 复制代码 代码如下: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "P
-
jquery动态改变form属性提交表单
有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求. 如: 复制代码 代码如下: <form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe">
-
jquery表单验证使用插件formValidator
1.首先在项目中添加必备js与css 2.代码中添加引用(必备引用) 复制代码 代码如下: <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type=&quo
-
jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: 复制代码 代码如下: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try { servletResponse.setContentType("text/plain;charset=UTF-8"); pw = servletResponse.getWrit
-
jquery EasyUI的formatter格式化函数代码
要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 复制代码 代码如下: $('#tt').datagrid({ title:'Formatting Columns', width:550, height:250, url:'datagrid_data.json', columns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'p
随机推荐
- git eclipse 插件的安装
- mysqldump备份还原和mysqldump导入导出语句大全详解
- NYboy.vbs病毒源代码公布,我来模拟熊猫烧香
- C#值类型、引用类型中的Equals和==的区别浅析
- php上传文件问题汇总
- 在VS2008中使用正则表达式进行查找和替换
- Pycharm学习教程(4) Python解释器的相关配置
- Python多线程实例教程
- javascript基本常用排序算法解析
- js+html制作简单验证码
- SpringBoot获取yml和properties配置文件的内容
- 必须会的SQL语句(二) 创建表、修改表结构、删除表
- 19个很有用的 JavaScript库推荐
- 深入学习Bootstrap表单
- PHP使用者状态管理功能的应用
- SpringMVC源码解读之HandlerMapping
- .net2.0+ Winform项目实现弹出容器层
- 如何实现php图片等比例缩放
- 浅谈PHP实现大流量下抢购方案
- pandas数值计算与排序方法