如何使用 jsp 输出我在文本框中输入的内容

Question

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<form:form
    action="/hospital/login.html" 
    method="post">
        User name: <form:input name="un" path="username"/> <br/>
        password: <form:password path="password"/><br/>
<c:out value="${ un }" />
</form:form>

我不想使用任何 scriplet，因为我正在使用 spring mvc 编写 servlet，但我想同时显示我在文本框中键入的内容。

Answer 1

如果您想在不发布表单的情况下同时执行某些操作，那么您将需要使用 Javascript 的客户端脚本。

一个非常简单和纯粹的 Javascript 方法来实现你想要的，如下所示。

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<form:form
    action="/hospital/login.html" 
    method="post">
        User name: <form:input name="un" path="username" onkeyUp="javascript:sync()" /> <br/>
        password: <form:password path="password"/><br/>
<span id='outLabel'></span>
</form:form>

<script type="text/javascript">
function sync()
{
  var textbox = document.getElementsByName('un')[0];
  var label = document.getElementById('outLabel');
  label.textContent = textBox.value;
} 
</script>

您可以使用客户端部分的 JSFiddle 示例 here。

您可以通过多种方式改进这一点：将 id 用于 form:input，使用 jquery 可以更轻松地选择 dom 元素，包括 javascript 部分来自 js 文件的所有东西都是你应该考虑的更好的设计。

如何使用 jsp 输出我在文本框中输入的内容

how to output what i type in a textbox using jsp

java

jsp

taglib