form标签提交表单没有反应，也不报错【已解决】

原创已于 2023-02-27 17:05:12 修改 · 733 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #java

于 2023-02-27 17:03:12 首次发布

文章描述了一个HTML代码片段，其中form2被嵌套在form1内，导致表单提交无响应。为解决此问题，代码被修改为避免表单嵌套，将form2移出form1。使用jQuery的ajaxSubmit方法进行POST请求，提交form2的数据到指定URL，实现功能并添加了错误处理回调。

<div class="page-container">
	<form id="search_form"  method="post">//form1开始
	.....
		<form id="form1" action="list.do" method="post" >//form2开始
			.....
		</form>	//form2结束
	.....
	</form>//form1结束
</div>

上方为源代码，form1套着form2，导致下方表单提交无响应

function bacthCheck(checkStatus){
		.....
		$("#form1").ajaxSubmit({//form2表单提交
			type:'post',
			dataType:'json',
			data:{'checkStatus':checkStatus,'checkStatus1':checkStatus1},
			url:'${ctx}/adminzy/planCourse/bacthCheck.do',
			success: function(data){
				 if(data.success){
				  	alert(data.msg);
				  	location.reload();
				 }else{
						alert(data.msg);
				 }
				 
			},
			error: function(XmlHttpRequest, textStatus, errorThrown){
				alert("操作失败,有错误发生,请联系管理员!!!");
			return false;
			}
		});
	}

修改后

<div class="page-container">
	<form id="search_form"  method="post">//form1开始
	.....
	</form>//form1结束
	.....
		<form id="form1" action="list.do" method="post" >//form2开始
			.....
		</form>	//form2结束
	.....
</div>

解决