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 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>