jQuery Form 页面表单提交的小例子
2018-10-12 14:03
726 查看
<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表单提交后局部刷新页面的多种方法
- Jquery.form提交表单数据,不刷新页面。
- jquery实现form表单提交后局部刷新页面的多种方法
- Jquery实现form表单提交后局部刷新页面的多种方法
- 使用jquery不刷新前台页面完成提交表单的例子
- jQuery 获取checkbox选中的值form表单提交例子
- 如何用JQuery弹出小窗口(是注册页面)提交表单form
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动
- 使用jquery.form.js 进行表单提交,通过回调函数实现页面互动功能。
- jQuery异步提交form表单
- 如何在异步提交form的时候利用jQuery validate实现表单验证
- Form表单只提交数据而不进行页面跳转的方法
- 关于Jquery 获取表单FORM所有元素进行AJAX提交
- jQuery Form Plugin:AJAX方式提交表单的完全方案
- 今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式
- jQuery.Form.js 异步提交表单使用总结
- Jquery.Form 异步提交表单实例
- layer父子页面交互(子页面form表单提交)
- 基于JQuery的Form插件---提交表单数据到服务端
- jquery动态改变form属性提交表单