Formulaire de saisie : mise à jour automatique de la valeur d'un champ

**makao** · 06/10/2010, 17h24

Bonjour à tous

bonjour j'ai une page web avec deux champs nommés respectivement 'input' et 'miror' puis un bouton submit et un bouton reset.

je souhaiterais que lorsqu'on saisit une valeur dans le champ 'input', cette valeur soit répercutée automatiquement dans le champ miror après la touche ENTREE dans le champ 'input' : les deux champs doivent avoir la même valeur affichée.

Je ne sais comment faire et je sollicite votre aide.

Voici le code source :
---------------------

<%@page errorPage="jspTest_error.jsp"%>
<html>
<head>
<title>jspTest</title>
</head>
<jsp:useBean id="jspTestBeanId" scope="session" class="com.serenix.gui.components.web.test.JspTestBean"/>
<jsp:setProperty name="jspTestBeanId" property="*"/>
<body bgcolor="#00ffff">
<h1>JSP de test</h1>
<form method="POST" action="jspTest.jsp">
<br>
Entrez une nouvelle valeur :
<input name="input" value="azerty">
<br>
<br>
Valeur saisie :
<input name="auto">
<br>
<br>
<br>
<input type="submit" name="Submit" value="Soumettre">
<input type="reset" value="Réinitialiser">
<br>
La valeur de la propriété Bean est :
<jsp:getProperty name="jspTestBeanId" property="input"/>
</form>
</body>
</html>

Merci d'avance

**makao** · 06/10/2010, 17h27

Bonjour

S'il vous plait une erreur s'est glisée dans le code : dans ce code le deuxième champ est nommé 'auto' au lieu de 'miror'

Merci

**Thébé** · 07/10/2010, 01h06

Personellement je passerais par javascript. Et vite comme ça, mirror?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<%@page errorPage="jspTest_error.jsp"%>
<html>
<head>
<script type="text/javascript">
function copierValeur() {
var champInput= document.getElementById("input");
var champMirroir= document.getElementById("mirror");
champMirroir.value= champInput.value;
}

</script>
<title>jspTest</title>
</head>
<jsp:useBean id="jspTestBeanId" scope="session" class="com.serenix.gui.components.web.test.JspTestBean"/>
<jsp:setProperty name="jspTestBeanId" property="*"/>
<body bgcolor="#00ffff">
<h1>JSP de test</h1>
<form method="POST" action="jspTest.jsp">
<br>
Entrez une nouvelle valeur :
<input id="input" name="input" value="azerty">
<br>
<br>
Valeur saisie :
<input id="mirror" name="mirror">
<br>
<br>
<br>
<input type="submit" name="Submit" value="Soumettre" onclick="copierValeur()">
<input type="reset" value="Réinitialiser">
<br>
La valeur de la propriété Bean est :
<jsp:getProperty name="jspTestBeanId" property="input"/>
</form>
</body>
</html>

Je ne suis pas infaillible, il se peut que je fasse erreur sur la façon de faire.
EDIT: Je me suis révisé et ça marche mais il faut faire un choix :
1. retirer l'appel de jspTest.jsp dans l'attribut action de la balise form puisqu'elle rappelle ta page avec le champ mirror vide.
2. modifier le onclick de soumettre ainsi : <input type="submit" name="Submit" value="Soumettre" onclick="copierValeur(); return false;">

**DevServlet** · 07/10/2010, 09h49

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" name="Submit" value="Soumettre" onclick="copierValeur()">

Pas mal ta solution mais ma crainte c'est qu'apres l'execution du onclick la soumission du formulaire ne se fasse plus. Si tel est le cas, tu peux dans la fonction js recuperer ton formulaire et faire un appel de la fonction submit() sur ce formulaire...

**Thébé** · 09/10/2010, 00h18

2. modifier le onclick de soumettre ainsi : <input type="submit" name="Submit" value="Soumettre" onclick="copierValeur(); return false;">

@DevServlet : C'est certain que avec le return false ça ne marchera pas. La raison est simplement qu'on puisse voir le résultat de la copie de la valeur sans que l'attribut action du formulaire ne redirige. La vrai solution ici est un champ action vide pour que seul la copie s'effectue sans redirection.

Du moins si le but est seulement la copie de valeur.

Formulaire de saisie : mise à jour automatique de la valeur d'un champ

Servlets/JSP Java

Discussions similaires

Partager

Partager