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 就可以了
我写了一个小例子 希望对大家有帮助
- <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>