jquery reset form/submit form
2015-10-26 13:38
609 查看
reset form:
由于JQuery中,提交表单是像下面这样的:
.代码如下:
$('#yigeform').submit()
所以,想当然的认为,重置表单,当然就是像下面这样子喽:
.代码如下:
$('#yigeform').reset()
但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!
后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。
那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:
.代码如下:
$('#yigeform')[0].reset()
也就是通过调用 DOM 中的reset方法来重置表单。
submit form:
$(function () { $("#productKey_reset").bind('click',function(){ prodKey_reset(); }); }); function prodKey_reset(){ $("#productKeyAddForm")[0].reset(); }
由于JQuery中,提交表单是像下面这样的:
.代码如下:
$('#yigeform').submit()
所以,想当然的认为,重置表单,当然就是像下面这样子喽:
.代码如下:
$('#yigeform').reset()
但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!
后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。
那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:
.代码如下:
$('#yigeform')[0].reset()
也就是通过调用 DOM 中的reset方法来重置表单。
submit form:
$(function () { $('#productKeyEditForm').form({ //url:"/admin/productKey/doSaveProdKey.do", success:function(rtn){ var data = $.parseJSON(rtn); $.messager.progress('close'); if(data.success){ $.messager.show(data.result); } } , onSubmit: function(param){ var isValid = $("#productKeyEditForm").form('validate'); if (!isValid){ $.messager.progress('close'); // 如果表单是无效的则隐藏进度条 } //param.id = roleList_roleId; return isValid; } }); }); function prodKey_save(){ $.messager.progress(); //$.easyui.showOption(idArr); $("#productKeyEditForm").submit(); }
相关文章推荐
- jQuery学习之旅 Item3 属性操作与样式操作
- jQuery学习之旅 Item3 属性操作与样式操作
- layer官方演示与讲解(jQuery弹出层插件)
- jQuery学习之旅 Item4 细说DOM操作
- jQuery学习之旅 Item4 细说DOM操作
- 夺命雷公狗jquery---19事件切换hover
- jquery.trim() vs JS.trim()
- jQuery中的HTML操作
- <<锋利的jQuery>>样例改进利用, html文本输入框得到与失去输入焦点的提示信息显示切换函数
- js和jquery中的事件委托
- JQuery对CheckBox的一些相关操作
- jquery&easyui
- jQuery插件
- jquery获取url参数及url加参数的方法
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jquery on off 方法
- 夺命雷公狗jquery---18jquery中常用属性(方法)
- 夺命雷公狗jquery---17页面载入的三种方法
- 夺命雷公狗jquery---16文本与值的设置
- jquery ajax post 传递数组 ,多checkbox 取值