JSP入门教程之客户端验证、常用输出方式及JSTL基本用法
客户端验证
在前端页面中,通过Javascript可以实现客户端的表单验证功能。一般来说,我们需要为表单的submit按钮绑定一个函数,通过该函数来实现表单的验证。下面是一个简单的JSP页面,其中输入框中的内容需要进行非空校验:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>表单验证示例</title>
<script type="text/javascript">
function validateForm() {
var username = document.getElementById("username").value;
if (username.trim().length == 0) {
alert("用户名不能为空!");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="formsubmit.jsp" method="post" onsubmit="return validateForm()">
<label>用户名:</label><input type="text" id="username" name="username" />
<br />
<br />
<input type="submit" value="提交表单" />
</form>
</body>
</html>
在该JSP页面中,我们为表单的submit按钮绑定了一个名为validateForm的函数,在该函数中对输入框中的内容进行判断,如果为空则弹出一个警告框,否则返回true。注意,我们需要在form元素中的onsubmit事件中执行该函数,以确保在提交表单前表单已经通过了客户端验证。
常用输出方式
在JSP中输出内容可以使用三种方式:scriptlet、EL表达式、和JSTL标签库。下面分别介绍这三种方式。
1. Scriptlet
使用<% %>标签可以在JSP中嵌入Java代码。如下所示:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>Scriptlet示例</title>
</head>
<body>
<h1>使用Scriptlet输出</h1>
<%
String message = "Hello, World!";
out.println(message);
%>
</body>
</html>
在该示例中,我们使用了<% %>标签来嵌入Java代码,其中变量message的值为"Hello, World!",我们使用out.println方法将该字符串输出到页面上。
2. EL表达式
EL表达式是JSP提供的一种方便的输出方式,我们可以使用EL表达式输出JavaBean中的属性值或者页面作用域中的属性值。如下所示:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>EL表达式示例</title>
</head>
<body>
<h1>使用EL表达式输出</h1>
<c:set var="message" value="Hello, World!" />
${message}
</body>
</html>
在该示例中,我们使用
3. JSTL标签库
JSP标准标签库(JSTL)为JSP页面提供了一系列的标签,用于简化页面中的逻辑判断和输出。下面是一个使用JSTL输出循环列表的示例:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>JSTL标签库示例</title>
</head>
<body>
<h1>使用JSTL输出循环列表</h1>
<c:forEach var="i" begin="1" end="5">
<p>当前数字是<c:out value="${i}" /></p>
</c:forEach>
</body>
</html>
在该示例中,我们使用
JSTL基本用法
JSTL标签库包含了多个标签,下面简单介绍一下几个常用的标签。
1. 标签
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>JSTL标签库示例</title>
</head>
<body>
<form action="formsubmit.jsp" method="post">
<label>用户名:</label><input type="text" id="username" name="username" />
<br />
<br />
<c:if test="${not empty param.username}">
<input type="submit" value="提交表单" />
</c:if>
</form>
</body>
</html>
在该示例中,我们使用
2. 和标签
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<title>JSTL标签库示例</title>
</head>
<body>
<h1>使用<c:choose>和<c:when>判断数字大小</h1>
<c:set var="number" value="30" />
<c:choose>
<c:when test="${ number < 10 }">
<p>数字小于10</p>
</c:when>
<c:when test="${ number < 20 }">
<p>数字小于20</p>
</c:when>
<c:otherwise>
<p>数字大于等于20</p>
</c:otherwise>
</c:choose>
</body>
</html>
在该示例中,我们使用
总结
在本篇文章中,我们介绍了JSP中的客户端验证、常用输出方式和JSTL基本用法。客户端验证可以通过Javascript实现表单的非空校验,以保证表单提交的数据的正确性。常用输出方式包括scriptlet、EL表达式和JSTL标签库,分别用于在JSP页面中输出Java代码、变量值和循环列表等信息。JSTL标签库包含了多个标签,可以用于页面的逻辑判断和循环列表的输出等。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JSP入门教程之客户端验证、常用输出方式及JSTL基本用法 - Python技术站