1. 程式人生 > >Jquery--一個form中兩個submit事件如何進行區分

Jquery--一個form中兩個submit事件如何進行區分

一個form表單中,需要有兩個或多個submit操作,如何進行區分呢?

                 -----  可以通過修改submit的attr的name值來動態指定需要指定的動作

jQuery("#submit_input").attr("name","event_submit_do_xx");

**memo:以下的以kelude開頭的控制元件,是我們的應用中已經封裝好的控制元件,非html控制元件**

例如下面的Action檔案,定義了兩個方法:

      	public void doContentSave(){
		xxxxxx;
	}
	
	public void doScriptRun(){
		xxxxxx;
	}

在vm檔案中,給不同的操作按鈕定義不同的id:

    #keludeButton("id=runScript","text=執行")
    #keludeButton("id=content-save","text=儲存指令碼")

在form中,只需要定義一個submit方法即可:

        #keludeForm("id=form_content","method=post","class=form-table")
        	     	<input id="submit_input" type="hidden" name="event_submit_do_content_save" value="event_submit_do_content_save"/>
         #end

提交的時候,用jquery如下:

 <script>
(function(k){
    k('#content-save').live("click",function(e){ 
			  	var form = jQuery("#form_content");
    	    	if(form.valid()){
					jQuery("#submit_input").attr("name","event_submit_do_content_save");
					form.submit()
				}
    	});
	 k('#runScript').live("click",function(e){
           	var form = jQuery("#form_content");
    		if(form.valid()){
				jQuery("#submit_input").attr("name","event_submit_do_script_run");
				form.submit();
			}	
    	});
 })(jQuery);
</script>