DWZ (JUI) 教程 单个NavTab 中 多个Form表单提交问题

DWZ (JUI) 教程   单个NavTab 中 多个Form表单提交问题

新浪微博 http://weibo.com/u/1534913940

最近有朋友问到 一个 NavTab中 有多个form表单提交问题

问题如下

我正在使用DWZ框架， 我想请问一下 一个jsp页面 如果有两个button，如何去分别提交。

例子给的是：<form name="form1" id="form1" action="newbid/saveBid" method="post" onsubmit="return validateCallback(this,navTabAjaxDone);">

但一个表单只能一个submit按钮，用js调用button按钮如何写方法体。多谢！

我不知道对方的具体业务,所以也没有做特殊处理。

DWZ 对于表单验证和回调函数的都是绑定在 onsubmit="return validateCallback(this,navTabAjaxDone); 上的

关于回调函数 的内容 可以看看我其他博客, 所以对表单的提交并没有特殊限制 ,就按照正常的操作就可以了 $("formId").submit();

只要能触发 onsubmit 就可以了

我写了一个小例子 希望对大家有帮助

[html] view plaincopy

1. <div class="pageContent">  
2.         <div class="pageFormContent" layoutH="56">  
3.             <form id="form1" method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);">  
4.                 <p>  
5.                     <label>表单1数据：</label>  
6.                     <input name="sn" type="text" size="30" value="100001" />  
7.                 </p>  
8.             </form>  
9.             <form id="form2" method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return validateCallback(this, navTabAjaxDone);">  
10.             <p>  
11.                 <label>表单2据：</label>  
12.                 <input name="name" class="required" type="text" size="30"  alt="请输入客户名称"/>  
13.             </p>  
14.             </form>  
15.         </div>  
16.         <div   class="formBar">  
17.             <ul>  
18.                 <li><div class="buttonActive"><div class="buttonContent"><button type="button" onclick="$('#form1').submit()" >保存表单1</button></div></div></li>  
19.                 <li><div class="buttonActive"><div class="buttonContent"><button type="button" onclick="$('#form2').submit()" >保存表单2</button></div></div></li>  
20.                 <li>  
21.                     <div class="button"><div class="buttonContent"><button type="button" class="close">取消</button></div></div>  
22.                 </li>  
23.             </ul>  
24.         </div>  
25.       
26. </div>