表单提交的三种方式

最新推荐文章于 2023-11-20 10:35:57 发布

jattxgt

最新推荐文章于 2023-11-20 10:35:57 发布

阅读量580

点赞数 1

分类专栏： js 文章标签： form表单表单提交的方式

本文链接：https://blog.csdn.net/qq_38555490/article/details/90169694

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ut-8">
<title>Insert title here</title>
</head>
<body>
<h1>方式1，传统的方式</h1>
	<form action="/ssm/formjy.action" method="post">
		账号：<input type="text" id="usernaem" name="username"/><br/>
		密码：<input type="text" id="password" name="password"/><br/>
		<input type="submit" value="提交"/>
	</form>
	
	<h1>方式2，button</h1>
	<form action="/ssm/formjy.action" name="myform" method="post">
		账号：<input type="text" id="usernaem" name="username"/><br/>
		密码：<input type="text" id="password" name="password"/><br/>
		<input type="button" value="提交" onclick="check2(this.form)"/>
	</form>
		
	<h1>方式3，onsubmit,当提交表单是，触发函数并弹出提示信息。</h1>
	<form action="/ssm/formjy.action" method="post" onsubmit="myFunction()">
		账号：<input type="text" id="usernaem" name="username"/><br/>
		密码：<input type="text" id="password" name="password"/><br/>
		<input type="submit" value="提交"/>
	</form>
	<script>
		function myFunction(){
			alert(1213);
		}
	
		function check2(form){
			if(form.username.value==""){
				alert("请输入账号")
				from.username.focus();
				return false;
			}
			if(form.password.value==""){
				alert("请输入密码")
				from.password.focus();
				return false;
			}
			document.myform.submit();
		} 
	</script>
</body>
</html>

后台代码：

@RequestMapping("/formjy.action")
	public String formjy(ServletRequest request,ServletResponse response,String username,String password){
		System.out.println("username："+username);
		System.out.println("password："+password);
		request.setAttribute("username", username);
		request.setAttribute("password", password);
		return "form2";
	}

效果图：

jattxgt

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单提交的三种方式

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><!DOCTYPE html PUBLIC "-//W3C...
复制链接

扫一扫