JSP简单练习-EL获取表单数据

最新推荐文章于 2024-05-14 00:10:03 发布
最新推荐文章于 2024-05-14 00:10:03 发布
阅读量431 收藏 2
点赞数
文章标签： java javascript ViewUI

输入username和password的界面：

<%@ page language="java" contentType="text/html;charset=gb2312" %>
<script type="text/javascript">
	function on_submit()
	{
		if(form1.username.value=="")
		{
			alert("用户名不能为空!");
			// 自己主动把焦点切换到username的输入框
			form1.username.focus();
			return false;
		}
		if(form1.password.value=="")
		{
			alert("密码不能为空!");
			// 自己主动把焦点切换到password的输入框
			form1.password.focus();
			return false;
		}
	}
</script>
<html>
<head>
<title>请求表单</title>
</head>
<body>
	<form action="acceptform.jsp" method="post" name="form1" οnsubmit="return on_submit()">
		<table style="margin:auto ;margin-top:200px" >
			<tr>
				<td colspan="2" align="center">请输入数据:</td>
			</tr>
			<tr>
				<td>用户名:</td>
				<td><input type="text" name="username"></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" name="password"></td>
			</tr>
			<tr>
				<td colspan="2" align="center"><input type="submit" value="提交"></td>
			</tr>
		</table>
	</form>
</body>
</html>
显示接收到的表单中的数据： 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>接收表单数据</title>
</head>
<body>
	接收到的用户名:${param.username }<br>
	接收到的密码:${param.password }
</body>
</html>



weixin_33989780
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP、EL、JSTL - 综合练习
LawssssCat的博客
12-14 432
<%@page import="java.util.Date"%> <%@page import="cn.edut.day30.User"%> <%@page import="java.util.ArrayList"%> <%@page import="java.util.List"%> <%@ page language="java" co...
JSP相对路径的练习
06-08
本练习将深入探讨JSP中的相对路径使用，帮助开发者提升网页开发的效率和灵活性。 1. **相对路径的基本概念** - **基础理解**：相对路径是相对于当前文件的路径，用于在同一个网站或项目内部导航。它可以帮助减少...
EL对表单数据的访问
abc1498880402的博客
10-29 484
提交.jsp &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&a
动态 el-form-item 并获取form的值
最新发布
D_Fortune的博客
05-14 157
【代码】动态 el-form-item 并获取form的值。
JSP学习(四) --------- EL表达式
在森林里麋了鹿
11-14 798
目录一、传统JSP文件开发步骤二、EL表达式介绍三、EL表达式作用域对象别名四、EL表达式输出对象属性五、简化版EL表达式六、EL表达式支持运算七、EL表达式中隐式对象八、EL表达式常见异常 一、传统JSP文件开发步骤 第一步：从指定的作用域对象读取处理结果 第二步：将得到数据进行类型强转 第三步：将转换后的结果写入到响应体 <% String value = (String)request.getAttribute("key"); %> <%=value%> 二、
新闻管理系统 Servlet JSP 增删改查小练习
06-20
在JSP中，可以使用EL（Expression Language）或JSTL（JavaServer Pages Standard Tag Library）标签来获取和显示这些数据。 8. **错误处理和异常处理**：在实际开发中，还需要考虑错误和异常的处理，例如输入验证...
EL&JSTL表达式.rar_JSTL_el
09-23
EL是JSP 2.0引入的一种强大且简洁的脚本语言，用于获取和设置JSP页面上的对象属性。它允许开发者以声明式方式访问JavaBeans或其他存储在请求、会话或应用范围内的数据。EL表达式的语法简单，通常以"$"开始，后面跟着...
练习1：使用EL表达式实现一项问卷调查.zip
08-27
在本实践项目“练习1：使用EL表达式实现一项问卷调查”中，我们将深入探讨Java Web开发中的一个重要组件——EL（Expression Language），它是JavaServer Pages（JSP）标准的一部分，用于简化网页和JavaBean之间的...
JSP快速入门.rar_JSP入门_jsp_jsp 入门
09-20
5. **EL（Expression Language）** - 用于在JSP页面中简化数据访问，无需编写Java脚本。EL表达式以`${}`包围，可以直接访问页面作用域、请求作用域、会话作用域和应用作用域的Java对象属性。 6. **JSTL（JavaServer...
el表达式和获取form表单数据
wang_ouyangsima的博客
12-12 8329
后台： HttpSession session = req.getSession(); session.setAttribute("product", pro); 页面：        value="${product.productName}"  获取form表单数据：    req.getParameter("username")
【Element】表单 el-form
joanmelon的博客
11-25 6655
☀️大家好，我是宾果的救星~希望记录的学习和收获能够帮助大家在开发过程中得到思路并且解决难题。希望大家多多点赞~爱你们哟~
jsp简单入门之el表达式学习二
从放弃到开始
06-30 174
EL（Expression Language） 是为了使JSP写起来更加简单。表达式语言的灵感来自于 ECMAScript 和 XPath 表达式语言，它提供了在 JSP 中简化表达式的方法，让Jsp的代码更加简化。1、语法结构${expression}2、[ ]与.运算符EL 提供“.“和“[ ]“两种运算符来存取数据。当要存取的属性名称中包含一些特殊字符，如 . 或 - 等并非字母或数字的符号...
el-form如何拿到表单的实例对象
09-23 1405
只需要在el-form中，添加一个ref属性，该属性就是存放该组件的实例对象的 <template> <div> <el-form ref="loginFormRef"> <el-form-item > <el-button type="info" @click="resetLoginForm">重置</el-button> </el-form-item&
JSP&EL&JSTL(五)_JSTL学习和一个jstl+el的小练习
qq_37388518的博客
09-01 467
JSTL 1.概念：JavaServer Pages Tag Library JSP标准库 * 是由Apache组织提供的开源的免费的jsp标签 2.作用：用于简化和替换jsp页面上的java代码 3.使用步骤： 1.导入jstl相关jar包 2.引入标签库：taglib指令：...
后台表单验证 +表格获取当前行的数据
qq_59076775的博客
05-15 1090
表单验证是我们经常用到的东西，今天来看一下表单验证的实现。 <template> <div class=""> <el-form :model="form" :rules="rules" ref="form"> <el-form-item prop="name" label="姓名"> <el-input v-model="form.name"></el-input> </e
vue从数据库获取数据渲染到el-form表单上使用rules验证规则的坑
qq_17792441的博客
05-16 999
问题描述： 从数据库中取出数据放在el-from表单中，使用如下vue自带的验证规则后，里面即使有内容也会显示请输入姓名等提示。 原因： 1、检查是否动态绑定 :model 2、检查el-form属性中的 :rules绑定的名字与验证规则的名字是否保持一致 3、检查 < el-el-form-item>中的pro属性与验证规则中的名字是否一致 在查阅了好多资料后发现了第四个坑（也是我错的原因） 4、< el-el-form-item>中的pro属性的名字还需要和v-model
element的Form表单就应该这样用
ffella的博客
12-15 842
表单里最重要的就是验证.首先在我之前的设计中，表单验证的规则是分布在每一个子项中，因此我们需要整合一下，这一块我就不赘述了，也很简单。
jsp获取表单数据
05-25
在 JSP 中获取表单数据可以通过以下步骤： 1. 在 JSP 页面中，使用 `<form>` 标签创建一个表单，并设置 `action` 属性为当前 JSP 页面的 URL。 ```html <form action="example.jsp" method="post"> <!-- 表单元素 --> </form> ``` 2. 在 JSP 页面中，使用 `request.getParameter()` 方法获取表单元素的值。该方法接收一个字符串参数，表示表单元素的名称。 ```jsp <%-- 获取文本框的值 --%> <% String username = request.getParameter("username"); %> ``` ```jsp <%-- 获取单选框或复选框的值 --%> <% String gender = request.getParameter("gender"); %> ``` 3. 判断表单元素的值是否为空或是否符合要求，进行相应的处理。 完整的示例代码： ```html <!-- example.jsp --> <%@ page contentType="text/html; charset=UTF-8" %> <html> <head> <title>表单数据处理</title> </head> <body> <h1>表单数据处理</h1> <form action="example.jsp" method="post"> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br> <label for="gender_male">男：</label> <input type="radio" id="gender_male" name="gender" value="male"> <label for="gender_female">女：</label> <input type="radio" id="gender_female" name="gender" value="female"><br> <label for="hobby_sports">运动：</label> <input type="checkbox" id="hobby_sports" name="hobby" value="sports"> <label for="hobby_music">音乐：</label> <input type="checkbox" id="hobby_music" name="hobby" value="music"><br> <input type="submit" value="提交"> </form> <%-- 获取表单数据并处理 --%> <% String username = request.getParameter("username"); String password = request.getParameter("password"); String gender = request.getParameter("gender"); String[] hobbies = request.getParameterValues("hobby"); if (username != null && password != null && gender != null && hobbies != null) { // 处理表单数据 out.println("用户名：" + username + "<br>"); out.println("密码：" + password + "<br>"); out.println("性别：" + gender + "<br>"); out.println("爱好："); for (String hobby : hobbies) { out.println(hobby + " "); } } else { // 表单数据不完整，提示用户重新填写 out.println("表单数据不完整，请重新填写！"); } %> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值