Jquery--一个form中两个submit事件如何进行区分

最新推荐文章于 2020-11-05 17:11:44 发布

shammyOu

最新推荐文章于 2020-11-05 17:11:44 发布

阅读量8.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：小知识点汇总文章标签： jquery input function action class 脚本

本文链接：https://blog.youkuaiyun.com/rubylearner/article/details/8100021

小知识点汇总专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在使用jQuery处理一个form表单时，如何通过修改submit按钮的属性来区分不同的Action操作，包括如何在vm文件中为不同操作定义按钮ID，并在提交时动态指定需要执行的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个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>