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 就可以了

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

<divclass="pageContent">
<divclass="pageFormContent"layoutH="56">
<formid="form1"method="post"action="demo/common/ajaxDone.html"class="pageFormrequired-validate"onsubmit="returnvalidateCallback(this,navTabAjaxDone);">
<p>
<label>表单1数据：</label>
<inputname="sn"type="text"size="30"value="100001"/>
</p>
</form>
<formid="form2"method="post"action="demo/common/ajaxDone.html"class="pageFormrequired-validate"onsubmit="returnvalidateCallback(this,navTabAjaxDone);">
<p>
<label>表单2据：</label>
<inputname="name"class="required"type="text"size="30"alt="请输入客户名称"/>
</p>
</form>
</div>
<divclass="formBar">
<ul>
<li><divclass="buttonActive"><divclass="buttonContent"><buttontype="button"onclick="$('#form1').submit()">保存表单1</button></div></div></li>
<li><divclass="buttonActive"><divclass="buttonContent"><buttontype="button"onclick="$('#form2').submit()">保存表单2</button></div></div></li>
<li>
<divclass="button"><divclass="buttonContent"><buttontype="button"class="close">取消</button></div></div>
</li>
</ul>
</div>

</div>

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