jquery reset form/submit form

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();
   	}



你可能感兴趣的:(javascript)