您的位置:首页 > Web前端 > JQuery

jquery reset form/submit form

2015-10-26 13:38 609 查看
reset 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();
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: