jQuery Form 页面表单提交

最新推荐文章于 2024-09-08 21:45:17 发布

weixin_30906185

最新推荐文章于 2024-09-08 21:45:17 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/deve/archive/2012/03/31/2569162.html

本文介绍了一种利用jQuery简化表单提交的方式，并通过具体示例展示了如何设置表单元素及使用ajaxSubmit方法来实现异步提交。同时，文中还包含了处理成功后的回调函数以及关闭窗口的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

转载于:https://www.cnblogs.com/deve/archive/2012/03/31/2569162.html