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" οnsubmit="return validateCallback(this,navTabAjaxDone);">

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

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

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

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

只要能触发 onsubmit 就可以了

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

[html] view plain copy

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

转载请标明出处 http://blog.csdn.net/jiweigang1/article/details/8576655