您的位置：首页 > Web前端 > HTML

html实现同一个页面中多表单提交

2016-10-16 20:29 423 查看

<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML >

<html>

<head>

<title>同一个页面中多表单提交</title>

<script type="text/javascript">

function myCheck1()

{

if(form1.text1.value=="")

{

alert("内容不能为空,请输入内容");

form1.text1.focus();

return ;

}

form1.submit();

}

function myCheck2()

{

if(form2.text2.value=="")

{

alert("内容不能为空,请输入内容");

form2.text2.focus();

return ;

}

form2.submit();

}

function myCheck3()

{

if(form3.text3.value=="")

{

alert("内容不能为空,请输入内容");

form3.text3.focus();

return ;

}

form3.submit();

}

</script>

</head>

<body>

<form name="form1" method="post" action="#">

表单一:<input name="text1" type="text">

<input name="submit1" type="submit" value="提交" onclick="myCheck1();">

</form>

<form name="form2" method="post" action="#">

表单二: <input name="text2" type="text">

<input name="submit2" type="submit" value="提交" onclick="myCheck2();">

</form>

<form name="form3" method="post" action="#">

表单三: <input name="text3" type="text">

<input name="submit3" type="submit" value="提交" onclick="myCheck3();">

<%

request.setCharacterEncoding("UTF-8");

String text1=request.getParameter("text1");

String text2=request.getParameter("text2");

String text3=request.getParameter("text3");

String message="";

if(text1!=null)

{

message="你提交了第1个表单，表单内容为:"+text1;

}

if(text2!=null)

{

message="你提交了第2个表单，表单内容为:"+text2;

}

if(text3!=null)

{

message="你提交了第3个表单，表单内容为:"+text3;

}

%>

<h2><%=message%></h2>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航