我不就是我用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> 

在文本框中鍵入如何輸出要使用的任何scriplets，因爲我使用的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元素更容易，包括從js文件JavaScript的一部分，你應該考慮一個更好的設計，所有的事情：

您可以通過多種方式改善這一點。