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

最新推荐文章于 2022-01-07 08:14:38 发布

IT小岛

最新推荐文章于 2022-01-07 08:14:38 发布

阅读量8.8k

点赞数 4

分类专栏： Jui（dwz）基础教程文章标签： DWZ dwz

本文链接：https://blog.csdn.net/jiweigang1/article/details/8576655

版权

Jui（dwz）基础教程专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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

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

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

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