jQuery Form 页面表单提交

<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="确定" οnclick="createInstance();" /><input
						type="button" value="取消" οnclick="closeWindow();" /></td>
				</tr>
			</table>
		</form>