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 EasyUI API 中文文档 - Form表单
Form 表单 用法 复制代码 代码如下: <form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form . 复制代码 代码如下: $('#ff').form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提
-
基于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 Form插件使用详解_动力节点Java学院整理
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields() 和 resetForm()等.
-
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
-
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-serialize()输出序列化form表单值的方法
实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串. 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身. 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中. 语
-
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
-
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
随机推荐
- ASP中过滤UBB和Html标签
- 光驱不能顺利弹出故障解决方法说明
- linux中mac地址绑定方法
- oracle 9i使用闪回查询恢复数据库误删问题
- Asp.net SignalR快速入门
- 基于JavaScript实现图片剪切效果
- Asp .net 调用带参数的存储过程
- PHP实现采集抓取淘宝网单个商品信息
- php中的数组操作函数整理
- PHP5中虚函数的实现方法分享
- PHP使用flock实现文件加锁的方法
- Python的Socket编程过程中实现UDP端口复用的实例分享
- Android普通对话框用法实例分析
- js中class的点击事件没有效果的解决方法
- 返回顶部按钮响应滚动且动态显示与隐藏
- 用VBS模拟二叉树,可以得到一个排序办法.
- PHP7之Mongodb API使用详解
- 用简洁的jQuery方法toggleClass实现隔行换色
- 基于jquery实现省市联动效果
- 使用变量动态设置js的属性名