jQuery Form 页面表单提交

原创 2012年03月31日 11:12:30
<script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>
<script type="text/javascript">
	//创建测试实例
	function createInstance() {
		var options = {
			success : function(json) {
				if (json.succ) {
					alert(json.info);
					window.parent.ymPrompt.doHandler("close", true);
				}
			}
		};
		$("#f1").ajaxSubmit(options);
	}

	//关闭按钮
	function closeWindow() {
		window.parent.ymPrompt.doHandler("close", true);
	}
</script>


Form表单:

<form id="f1" name="f1" action="${ctx}/process/createInstance.do"
			method="post">
			<table style="width:100%; height:100%">
				<tr>
					<td nowrap="nowrap" style="text-align:right;">测试名称:</td>
					<td><input type="text" name="name" value="${instance.name}"
						style="width:265px;" /><em class="em_user_manage">*</em>
					</td>
				</tr>
				<tr>
					<td nowrap="nowrap" style="text-align:right;">测试场景:</td>
					<td><input type="text" name="scene" style="width:265px;"
						value="${instance.scene}" /><em class="em_user_manage">*</em>
					</td>
				</tr>
				<tr>
					<td nowrap="nowrap" style="text-align:right;">测试目标:</td>
					<td><textarea type="text" name="goal" id="goal" cols="32"
							rows="7">${instance.goal}</textarea>
					</td>
				</tr>
				<tr>
					<td nowrap="nowrap" style="text-align:right;">测试说明:</td>
					<td><textarea type="text" name="description" id="description"
							cols="32" rows="7">${instance.description}</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="hidden"
						name="extProcessDefinitionId"
						value="${instance.extProcessDefinitionId}" /><input type="hidden"
						name="signIn" value="${instance.signIn}" /><input type="hidden"
						name="definitionId" value="${instance.definitionId}" /><input
						type="button" value="确定" onclick="createInstance();" /><input
						type="button" value="取消" onclick="closeWindow();" /></td>
				</tr>
			</table>
		</form>


 

相关文章推荐

使用jquery.form.js 进行表单提交,通过回调函数实现页面互动

使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。   $(document).ready(function() {      //alert("docu...

Ajax表单提交插件jquery form

  • 2014年06月04日 00:31
  • 8KB
  • 下载

jquery_form_js 表单提交自定义源码

  • 2017年11月17日 09:36
  • 3.39MB
  • 下载

如何利用Axis2+Spring实现文件上传(支持jsp页面的form表单提交),Android客户端调用

参考博文: http://blog.csdn.net/thinkpadshi/article/details/8173765 http://blog.csdn.net/helloworlddrea...

JSP+Servlet学习经验1:解决form表单提交后相应页面中文乱码的问题

初学JSP与Servlet的同学估计经常会遇到类似问题,有时输入的中文响应输出为问号(???),有时输出乱码,今天查了一些资料算是理清了问题的原因。 1.问题根源 问题的根源在于form表单提交数据时...

jquery form表单提交成功,回调方法

先下载  jquery-form.js   [#assign security=JspTaglibs["http://www.springframework.org/security/ta...

HTML5第8次课堂笔记( 模拟form表单提交数据,xml的解析,jQuery的Ajax方法使用, mui的ajax)

HTML5第8次课堂笔记   1.  模拟form表单提交数据:(get方式)   body>   form method="get"action="DataTest7">   input type=...

JQuery.form表单提交参数详解

ajaxForm()和ajaxSubmit()方法可以接受0个或1个参数,当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象。以下是一个options对象. var optio...

jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用

一、jQuery Form的其他api formSerialize 将表单序列化成查询串。这个方法将返回一个形如: name1=value1&name2=value2的字符串。 是否可以连环调用:...

JQuery-form表单提交前验证、单选框是否选中、删除记录时验证经验总结

先上三张效果图: 这些功能在Java Web开发中可能是经常需要的,虽然很简单却使很实用的功能,这里记录下以免忘记。 1. 先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery Form 页面表单提交
举报原因:
原因补充:

(最多只允许输入30个字)