comment sortie ce type i dans une zone de texte en utilisant 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> 

je ne veux pas utiliser des scriplets depuis que je suis la programmation d'un servlet à l'aide de mvc printemps, mais je veux afficher simultanément ce que je tape dans la zone de texte.

Answer 1

Si vous souhaitez effectuer une action simultanément, sans poster le formulaire, vous aurez besoin d'un script côté client avec Javascript.

Un moyen Javascript très simple et pur pour réaliser ce que vous voulez est comme ci-dessous.

<%@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> 

Vous pouvez jouer avec l'exemple d'une partie jsFiddle côté client here.

Vous pouvez améliorer cela de plusieurs façons: en utilisant id pour form:input, en utilisant jquery pour sélectionner plus facilement les éléments dom, y compris la partie javascript d'un fichier js, vous devez tout considérer pour une meilleure conception.