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